CSS常用的封装方法汇总
1. pc-reset PC样式初始化/* normalize.css */html { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2
2026-03-30
css利用负margin实现平均布局的示例
对于平均分布的布局，我们一般使用负margin的方法。如下图，就是平均布局。一般这种情况，我们都是在父元素和子元素之间加上一层div，然后，给这个div设置负margin-right，值为两个子元素之间的距离。例如，我们令每个子元素宽度为100px，一共3个子元素，给每个子元素一个margin-ri
2026-03-30
CSS线性渐变的凹面矩形过渡动效的实现
本文聊一聊线性渐变的凹面矩形过渡动效的难点和思路，主要介绍凹面矩形实现、给凹面矩形加线性渐变、线性渐变背景色的过渡。如果有更好的实现方案，欢迎在评论区和我讨论。上图实现凹面矩形实现这个样式的灵感来自网上一篇使用css实现内凹角的文章，描述如何实现chrome标签页的内凹角效果，大概是下面这样子：使用
2026-03-30
纯 CSS 实现蜡烛融化(水滴)的示例代码
实现效果实现思路融化效果是利用 filfilter 的 contrast 和 blur 实现的。在父元素中设置 contrast 并在子元素中设置 blur 即可实现两者相融的效果。代码
2026-03-30
css3实现平移效果(transfrom：translate)的示例
我们使用translate这个参数来实现移动translateX:向X轴平移，填正数往右平移，填负数，往左平移translateY :向Y轴平移，填正数往下平移，填负数，往上平移translateZ :填的值越大你看到的图像离你感觉越近，天的值越小你看到的图像离你越远translate同时设置 tr
2026-03-30
详解CSS3：overflow属性
1.Overflowoverflow为溢出（容器），当内容超出容器时只需添加overflow属性值为hidden， 就可以把超出容器的部分隐藏起来；如果内容超出容器却又不想其隐藏时可以将其属性值设置为auto；overflow：auto 属性如果超出就出现滚动条，没有超出则不出现滚动条这样就可以出现
2026-03-30
