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实现的非常实用的鼠标悬停特效演示
Nov 05 HTML / CSS
CSS3不透明度实例讲解
Apr 26 HTML / CSS
html5 input元素新特性_动力节点Java学院整理
Jul 06 HTML / CSS
W3C公布最新的HTML5标准草案
Oct 17 HTML / CSS
让IE支持HTML5的方法
Dec 11 HTML / CSS
HTML5自定义data-* data(obj)属性和jquery的data()方法的使用
Dec 13 HTML / CSS
HTML5重塑Web世界它将如何改变互联网
Dec 17 HTML / CSS
HTML5 form标签之解放表单验证、增加文件上传、集成拖放的使用方法
Apr 24 HTML / CSS
html5弹跳球示例代码
Jul 23 HTML / CSS
【HTML5】Canvas绘制简单图片教程
May 13 HTML / CSS
移动端开发HTML5页面点击按钮后出现闪烁或黑色背景的解决办法
Sep 19 HTML / CSS
html5关于外链嵌入页面通信问题(postMessage解决跨域通信)
Jul 20 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多线程下载远程多个文件
2013/06/25 PHP
PHP魔术方法使用方法汇总
2016/02/14 PHP
Laravel等框架模型关联的可用性浅析
2019/12/15 PHP
图片之间的切换
2006/06/26 Javascript
Code:loadScript( )加载js的功能函数
2007/02/02 Javascript
jQuery 各种浏览器下获得日期区别
2008/12/22 Javascript
为指定的元素添加遮罩层的示例代码
2014/01/15 Javascript
javaScript年份下拉列表框内容为当前年份及前后50年
2014/05/28 Javascript
禁止iframe脚本弹出的窗口覆盖了父窗口的方法
2014/09/06 Javascript
jQuery中常用动画效果函数(日常整理)
2016/09/17 Javascript
Html中 IFrame的用法及注意点
2016/12/22 Javascript
详解从零搭建 vue2 vue-router2 webpack3 工程
2017/11/22 Javascript
浅谈vue引入css,less遇到的坑和解决方法
2018/01/20 Javascript
解决v-for中使用v-if或者v-bind:class失效的问题
2018/09/25 Javascript
微信小程序上线发布流程图文详解
2019/05/06 Javascript
VUE实现移动端列表筛选功能
2019/08/23 Javascript
小程序如何支持使用 async/await详解
2019/09/12 Javascript
Python利用带权重随机数解决抽奖和游戏爆装备问题
2016/06/16 Python
详解Python读取配置文件模块ConfigParser
2017/05/11 Python
Python爬虫运用正则表达式的方法和优缺点
2019/08/25 Python
基于python的selenium两种文件上传操作实现详解
2019/09/19 Python
python opencv进行图像拼接
2020/03/27 Python
详解用Pytest+Allure生成漂亮的HTML图形化测试报告
2020/03/31 Python
使用jupyter Nodebook查看函数或方法的参数以及使用情况
2020/04/14 Python
Python 如何创建一个简单的REST接口
2020/07/30 Python
几款Python编译器比较与推荐(小结)
2020/10/15 Python
html5使用canvas绘制太阳系效果
2014/12/15 HTML / CSS
AmazeUI 网格的实现示例
2020/08/13 HTML / CSS
北京颐和园导游词
2015/01/30 职场文书
科技馆观后感
2015/06/08 职场文书
西游记读书笔记
2015/06/25 职场文书
2016庆祝教师节新闻稿
2015/11/25 职场文书
小学家庭教育心得体会
2016/01/14 职场文书
巧用 -webkit-box-reflect 倒影实现各类动效(小结)
2021/04/22 HTML / CSS
详解MySQL事务的隔离级别与MVCC
2021/04/22 MySQL
OpenCV图像变换之傅里叶变换的一些应用
2021/07/26 Python