跨浏览器的CSS3产生器:CSS3 please

上门开户

上门开户

2016-02-20 00:29

今天图老师小编给大家介绍下跨浏览器的CSS3产生器:CSS3 please,平时喜欢跨浏览器的CSS3产生器:CSS3 please的朋友赶紧收藏起来吧!记得点赞哦~

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

你是否为CSS3中那些形如-moz-border-radius这样冗长的前缀而头晕呢?你是否在考虑跨浏览器使用CSS3的时候,要记住哪些前缀是支持哪个浏览器的?你是否想过有什么办法能一劳永逸的(或者便捷的)解决这些问题?

不用发愁了,Paul Irish与朋友制作了一个有意思的CSS3生成器,在这个页面上你可以实时的编辑CSS3样式,并且立即可以看到效果,你可以拷贝这些代码到自己的样式表中,每一个页面里写到的CSS3属性都做了兼容处理,你要做的就是调用这个class,作者在主页上写的是跨浏览器的CSS3发生器(cross-browser css3 rule generator),不过IE下是使用了很多的滤镜去实现的,实际测试发现并不是很理想(我用IE8测试),有些地方也有待商榷,如其中-ms-filter属性的位置应该是位于filter之前的(MSDN上的解释),尽管并不是十分的完善,但是毕竟这种尝试是有益的,它还是可以十分方便的帮助你去创建一个兼容性比较好的CSS3应用,目前支持的CSS3属性有:

border-radiusbox shadowgradientsrgba support in backgroundstransformsfont-face

即使现在不能立刻将CSS3投入到日常应用中,通过这个发生器你也可以更方便的了解一些CSS3的用法,所以快去体验一下吧!

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

另外还有一个老外做的类似应用,没有CSS3PLEASE这么直观,操作起来更符合发生器这个概念,请猛击参观,其中需要填写的选项可以帮你更详细的了解每个CSS3属性的作用。

更新:另外一个生成器,版本已经是2.0了,可视化界面很好强大。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)
展开更多 50%)
分享

猜你喜欢

跨浏览器的CSS3产生器:CSS3 please

Web开发
跨浏览器的CSS3产生器:CSS3 please

CSS3 Please:在线生成跨浏览器的CSS3代码

Web开发
CSS3 Please:在线生成跨浏览器的CSS3代码

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

检测浏览器是否支持CSS3的方法

Web开发
检测浏览器是否支持CSS3的方法

检测用户浏览器是否支持CSS3的方法

Web开发
检测用户浏览器是否支持CSS3的方法

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

兼容所有浏览器的CSS3圆角

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
兼容所有浏览器的CSS3圆角

CSS3教程(7):CSS3嵌入字体

Web开发
CSS3教程(7):CSS3嵌入字体

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

CSS设计网页教程:制作网页气泡状文本框

CSS设计网页教程:制作网页气泡状文本框

CSS教程:DIV元素与SPAN元素的区别

CSS教程:DIV元素与SPAN元素的区别
下拉加载更多内容 ↓