合集-css效果

3D卡片光效
摘要：实现效果 实现注意 mix-blend-mode: color-dodge; const calcX = ((y - box.y - box.height / 2) / multiple) * -1; 实现代码 <div id="element"></div> body { height: 100v 阅读全文
posted @ 2024-03-24 11:33 coderjnp 阅读(30) 评论(0) 推荐(0)
文字下滑线渐变效果
摘要：实现效果 实现代码 <p> Lorem ipsum dolor sit amet consectetur adipisicing elit. <a >Mollitia nostrum placeat consequatur deserunt velit ducimus possimus commod 阅读全文
posted @ 2024-03-24 11:19 coderjnp 阅读(37) 评论(0) 推荐(0)
滚动条样式
摘要：.scroll-wrapper::-webkit-scrollbar { /*滚动条整体样式*/ width: 6px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } .scroll-wrapper::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ 阅读全文
posted @ 2024-10-16 09:01 coderjnp 阅读(84) 评论(0) 推荐(0)