CSS3 please 跨访问器的CSS3造成器

2020-09-28 14:32 jianzhan

你是不是为CSS3中那些形如-moz-border-radius这样冗杂的前缀而头晕呢?你是不是在考虑到跨访问器应用CSS3的情况下,要记牢哪些前缀是适用哪一个访问器的?你是不是想过有甚么方法能1劳永逸的(或方便快捷的)处理这些难题?

无需忧愁了,Paul Irish与盆友制做了1个成心思的CSS3转化成器,在这个网页页面上你能够即时的编写CSS3款式,而且马上能够看到实际效果,你能够复制这些编码到自身的款式表格中,每个网页页面里写到的CSS3特性都做了适配解决,你要做的便是启用这个class,作者在首页上写的是跨访问器的CSS3产生器(cross-browser css3 rule generator),但是IE下是应用了许多的滤镜去完成的,具体检测发现其实不是很理想化(我用IE8检测),一些地区也是有待商议,如在其中-ms-filter特性的部位应当是坐落于filter以前的(MSDN上的解释),虽然其实不是10分的健全,可是终究这类尝试是有利的,它還是能够10分便捷的协助你去建立1个适配性较为好的CSS3运用,现阶段适用的CSS3特性有:

  1. border-radius
  2. box shadow
  3. gradients
  4. rgba support in backgrounds
  5. transforms
  6. font-face

即便如今不可以马上将CSS3投入到平常运用中,根据这个产生器你还可以更便捷的掌握1些CSS3的用法,因此快去体验1下吧!

详细地址:请猛击(FF/OPERA/SAF实际效果较佳)

此外也有1个老外做的相近运用,沒有CSS3PLEASE这么直观,实际操作起来更合乎“产生器”这个定义,请猛击参观考察,在其中必须填写的选项能够帮你更详尽的掌握每一个CSS3特性的功效。

升级:此外1个转化成器,版本号早已是2.0了,可视性化页面很好强劲。