这个问题在移动端高清屏开发里特别典型。明明写了 border: 1px solid #ccc;，在Retina屏幕上看起来却有点“发虚”或者过粗。这是因为CSS的1px对应的是逻辑像素，而屏幕的物理像素密度更高。要解...

用CSS3做动画，算是前端开发里一件既高效又有趣的事儿。它主要靠两个家伙：transition（过渡）和animation（动画）。transition更简单直接，适合处理元素从一个状态到另一个状态的平滑转变，比...

CSS3给前端开发带来的变化，真可以说是翻天覆地。它不再只是负责简单的颜色和边框，而是变成了一套强大的工具集，让很多以前必须用图片甚至JavaScript才能实现的效果，现在用几行样式就能搞定。...

毛玻璃效果，也叫背景模糊效果，能让你的界面元素看起来像一块磨砂玻璃，隐约透出背后的内容，质感一下子就上来了。在CSS3标准里，现在有个属性叫backdrop-filter，用它来实现是再直接不过了。 ...

这俩都是CSS3里做动画的利器，但分工明确。最核心的区别，你可以把transition看作一个“过程控制器”，它只管从一个状态到另一个状态的平滑过渡，比如颜色从红变蓝，或者大小从100px变到200px。...

现在做颜色渐变，早就不用切图片背景了。CSS3内置的渐变函数非常强大，直接写在样式里，既灵活又省去HTTP请求。主要就两种：线性渐变和径向渐变，够你应对绝大多数设计了。 线性渐变用得最多，...