要将框阴影添加到
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和Linux的代码. Webkit的.我是否需要求助于服务器端代码才能执行此操作？我真的很沮丧地使用冗余的笨拙代码.
解决方法
您可以使用以下任何一种方法来缓解您的悲伤：
动态样式表语言/ CSS扩展
> LESS
> Sass
> Compass (Sass Framework)
CSS 3生成器
> Prefixr
> CSS 3 Please
> CSS 3 Generator
> Mother Effing HSL
> Mother Effing Text Shadow
> CSS 3 Maker
> CSS Gradient Generator
> CSS Filter Effects
