更轻松的跨浏览器CSS3功能

ele*_*119 7 html css css3

要将box-shadow添加到HTML元素,我目前必须这样做:

box-shadow: 2px 2px 3px #969696;
-moz-box-shadow: 2px 2px 3px #969696;
-webkit-box-shadow: 2px 2px 3px #969696; filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=145, Strength=3);

在这一点上,在我看来,这个简单梯度的代码量在网络的这个阶段是荒谬的.更不用说维护时间 - 如果我想改变颜色,我必须为每个供应商前缀改变它四次.(这也适用于像CSS3 Gradients这样的东西).

什么是更好,更优化的方式来处理这个?我知道有很多非标准的修补程序,比如CSS3 Pie,但根据我的经验,它们需要永远加载,我仍然需要为Firefox和Webkit编写代码.我是否需要求助于服务器端代码才能执行此操作?我真的很沮丧地使用冗余的笨拙代码.

Bry*_*ing 10

您可以使用以下任何一种方法来缓解您的悲伤:

动态样式表语言/ CSS扩展

CSS 3生成器

  • 为sass +1,比我之前见过的其他预处理器更好.您还应该为此添加指南针 (4认同)