CSS3 please 跨浏览器的CSS3产生器


Posted in HTML / CSS onMarch 14, 2010

CSS3 please 跨浏览器的CSS3产生器

你是否为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属性有:

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

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

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

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

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

HTML / CSS 相关文章推荐
CSS3地图动态实例代码(圆圈向外扩散)
Jun 15 HTML / CSS
CSS3 优势以及网页设计师如何使用CSS3技术
Jul 29 HTML / CSS
CSS3 Media Queries详细介绍和使用实例
May 08 HTML / CSS
css3中transition属性详解
Sep 02 HTML / CSS
CSS3 :default伪类选择器使用简介
Mar 15 HTML / CSS
利用CSS3 动画 绘画 圆形动态时钟
Mar 20 HTML / CSS
10分钟入门CSS3 Animation
Dec 25 HTML / CSS
html5使用canvas压缩图片的示例代码
Sep 11 HTML / CSS
Canvas引入跨域的图片导致toDataURL()报错的问题的解决
Sep 19 HTML / CSS
HTML5 textarea高度自适应的两种方案
Apr 08 HTML / CSS
如何通过 CSS 写出火焰效果
Mar 24 HTML / CSS
CSS3实现360度循环旋转功能
Feb 12 HTML / CSS
CSS3 简单又实用的5个属性
Mar 04 #HTML / CSS
50个强大璀璨的CSS3/JS技术运用实例
Feb 27 #HTML / CSS
CSS3 网页下拉菜单代码解释 中文翻译
Feb 27 #HTML / CSS
CSS3模块的目前的状况分析
Feb 24 #HTML / CSS
让IE可以变相支持CSS3选择器
Jan 21 #HTML / CSS
玩转CSS3色彩
Jan 16 #HTML / CSS
需要知道的CSS3动画技术
Jan 01 #HTML / CSS
You might like
php事务处理实例详解
2014/07/11 PHP
PHP的Socket网络编程入门指引
2015/08/11 PHP
PHP图片水印类的封装
2017/07/06 PHP
PHP实现简单注册登录系统
2020/12/28 PHP
javascript form 验证函数 弹出对话框形式
2009/06/23 Javascript
js中单引号与双引号冲突问题解决方法
2013/10/04 Javascript
jquery 提示信息显示后自动消失的具体实现
2013/12/18 Javascript
jquery选择器使用详解
2014/04/08 Javascript
js实现网页标题栏闪烁提示效果实例分析
2014/11/20 Javascript
通过点击jqgrid表格弹出需要的表格数据
2015/12/02 Javascript
深入探究AngularJS框架中Scope对象的超级教程
2016/01/04 Javascript
轻松实现js图片预览功能
2016/01/18 Javascript
探讨JavaScript语句的执行过程
2016/01/28 Javascript
弹出遮罩层后禁止滚动效果【实现代码】
2016/04/29 Javascript
BootStrap的alert提示框的关闭后再显示怎么解决
2016/05/17 Javascript
AngularJS入门教程之过滤器详解
2016/08/19 Javascript
JS对象的深度克隆方法示例
2017/03/16 Javascript
Angular使用$http.jsonp发送跨站请求的方法
2017/03/16 Javascript
利用 spin.js 生成等待效果(js 等待效果)
2017/06/25 Javascript
Kindeditor单独调用单图上传增加预览功能的实例
2017/07/31 Javascript
[05:08]DOTA2-DPC中国联赛3月6日Recap集锦
2021/03/11 DOTA
python八皇后问题的解决方法
2018/09/27 Python
Python 私有化操作实例分析
2019/11/21 Python
详解pandas获取Dataframe元素值的几种方法
2020/06/14 Python
HTML5中5个简单实用的API(第二篇,含全屏、可见性、拍照、预加载、电池状态)
2014/05/07 HTML / CSS
HTML5 Canvas实现放大镜效果示例
2020/03/25 HTML / CSS
湖南卫视在线视频媒体平台:芒果TV
2019/10/30 全球购物
汽车检测与维修个人求职信
2013/09/24 职场文书
公司周年庆典邀请函
2014/01/12 职场文书
学期自我评价
2014/01/27 职场文书
社区八一活动方案
2014/02/03 职场文书
党的群众路线教育实践活动领导班子整改措施
2014/09/30 职场文书
篮球友谊赛通讯稿
2014/10/10 职场文书
2015年车间主任工作总结
2015/05/21 职场文书
2016春季运动会通讯稿
2015/07/18 职场文书
html,css,javascript是怎样变成页面的
2023/05/07 HTML / CSS