html – 更轻松的跨浏览器CSS3功能

概述要将框阴影添加到 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 =’#969 要将框阴影添加到 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

总结

以上是内存溢出为你收集整理的html – 更轻松的跨浏览器CSS3功能全部内容，希望文章能够帮你解决html – 更轻松的跨浏览器CSS3功能所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。