CSS3共6篇

如何实现毛玻璃效果?

如何实现毛玻璃效果?-速码派
毛玻璃效果,也叫背景模糊效果,能让你的界面元素看起来像一块磨砂玻璃,隐约透出背后的内容,质感一下子就上来了。在CSS3标准里,现在有个属性叫backdrop-filter,用它来实现是再直接不过了。 ...
MRzhang的头像-速码派MRzhang2026年1月21日
0228

CSS实现1像素边框的方法?

CSS实现1像素边框的方法?-速码派
这个问题在移动端高清屏开发里特别典型。明明写了 border: 1px solid #ccc;,在Retina屏幕上看起来却有点“发虚”或者过粗。这是因为CSS的1px对应的是逻辑像素,而屏幕的物理像素密度更高。要解...
MRzhang的头像-速码派MRzhang2026年1月21日
04412

如何实现CSS渐变效果?

如何实现CSS渐变效果?-速码派
现在做颜色渐变,早就不用切图片背景了。CSS3内置的渐变函数非常强大,直接写在样式里,既灵活又省去HTTP请求。主要就两种:线性渐变和径向渐变,够你应对绝大多数设计了。 线性渐变用得最多,...
MRzhang的头像-速码派MRzhang2026年1月21日
0485

transition和animation的区别?

transition和animation的区别?-速码派
这俩都是CSS3里做动画的利器,但分工明确。最核心的区别,你可以把transition看作一个“过程控制器”,它只管从一个状态到另一个状态的平滑过渡,比如颜色从红变蓝,或者大小从100px变到200px。...
MRzhang的头像-速码派MRzhang2026年1月21日
0307

CSS3动画怎么实现?

CSS3动画怎么实现?-速码派
用CSS3做动画,算是前端开发里一件既高效又有趣的事儿。它主要靠两个家伙:transition(过渡)和animation(动画)。transition更简单直接,适合处理元素从一个状态到另一个状态的平滑转变,比...
MRzhang的头像-速码派MRzhang2026年1月21日
03011

CSS3有哪些新特性?

CSS3有哪些新特性?-速码派
CSS3给前端开发带来的变化,真可以说是翻天覆地。它不再只是负责简单的颜色和边框,而是变成了一套强大的工具集,让很多以前必须用图片甚至JavaScript才能实现的效果,现在用几行样式就能搞定。...
MRzhang的头像-速码派MRzhang2026年1月21日
0388