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中Transform动画属性用法详解
Jul 04 HTML / CSS
css3 position fixed固定居中问题解决方案
Aug 19 HTML / CSS
详解CSS 3 中的 calc() 方法
Jan 12 HTML / CSS
关于css中margin的值和垂直外边距重叠问题
Oct 27 HTML / CSS
HTML5新控件之日期和时间选择输入的实现代码
Sep 13 HTML / CSS
将HTML5 Canvas的内容保存为图片借助toDataURL实现
May 20 HTML / CSS
html5中的input新属性range使用记录
Sep 05 HTML / CSS
关于解决iframe标签嵌套问题的解决方法
Mar 04 HTML / CSS
html5 移动端视频video的android兼容(去除播放控件、全屏)
Mar 26 HTML / CSS
uniapp+Html5端实现PC端适配
Jul 15 HTML / CSS
html输入两个数实现加减乘除功能
Jul 01 HTML / CSS
通过feDisplacementMap和feImage实现水波特效
Apr 24 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获取网站域名和地址的代码
2008/08/17 PHP
用PHP将网址字符串转换成超链接(网址或email)
2010/05/25 PHP
php daddslashes()和 saddslashes()有哪些区别分析
2012/10/26 PHP
php隐藏IP地址后两位显示为星号的方法
2014/11/21 PHP
php连接odbc数据源并保存与查询数据的方法
2014/12/24 PHP
php数字运算验证码的实现代码
2015/07/30 PHP
php实现异步将远程链接上内容(图片或内容)写到本地的方法
2016/11/30 PHP
通过JAVAScript实现页面自适应
2007/01/19 Javascript
基于Jquery的仿照flash放大图片效果代码
2011/03/16 Javascript
分页栏的web标准实现
2011/11/01 Javascript
jquery dialog open后,服务器端控件失效的快速解决方法
2013/12/19 Javascript
jquery实现的图片点击滚动效果
2014/04/29 Javascript
浅谈Javascript中substr和substring的区别
2015/09/30 Javascript
基于Bootstrap实现Material Design风格表单插件 附源码下载
2016/04/18 Javascript
javascript 中的事件委托详解
2016/10/25 Javascript
详解如何让InstantClick兼容MathJax、百度统计等
2017/09/12 Javascript
VUE 使用中踩过的坑
2018/02/08 Javascript
基于jquery实现左右上下移动效果
2018/05/02 jQuery
浅析JS中什么是自定义react数据验证组件
2018/10/19 Javascript
jQuery实现聊天对话框
2020/02/08 jQuery
JS Thunk 函数的含义和用法实例总结
2020/04/08 Javascript
零基础写python爬虫之神器正则表达式
2014/11/06 Python
python实现京东秒杀功能
2018/07/30 Python
python文件选择对话框的操作方法
2019/06/27 Python
python实现图片上添加图片
2019/11/26 Python
django orm模块中的 is_delete用法
2020/05/20 Python
Python使用xlrd实现读取合并单元格
2020/07/09 Python
英国设计师珠宝网站:Joshua James Jewellery
2020/03/01 全球购物
日本最大的购物网站:日本乐天市场(Rakuten Ichiba)
2020/11/04 全球购物
大学生大二自我鉴定
2013/10/28 职场文书
个人投资计划书
2014/05/01 职场文书
2014镇党委书记党建工作汇报材料
2014/11/02 职场文书
助学感谢信范文
2015/01/21 职场文书
2015年师德师风承诺书
2015/01/22 职场文书
明确岗位职责
2015/02/14 职场文书
如何将numpy二维数组中的np.nan值替换为指定的值
2021/05/14 Python