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教程(3):border-color网页边框色彩
Apr 02 HTML / CSS
CSS3等相关属性制作分页导航实现代码
Dec 24 HTML / CSS
详解CSS3中强大的filter(滤镜)属性
Jun 29 HTML / CSS
浅谈CSS3鼠标移入图片动态提示效果(transform)
Nov 06 HTML / CSS
使用css3做0.5px的细线的示例代码
Jan 18 HTML / CSS
html5 Canvas画图教程(6)—canvas里画曲线之arcTo方法
Jan 09 HTML / CSS
html5的canvas元素使用方法介绍(画矩形、画折线、圆形)
Apr 14 HTML / CSS
html5 canvas绘制矩形和圆形的实例代码
Jun 16 HTML / CSS
HTML5新增加的功能详解
Sep 05 HTML / CSS
html5移动端价格输入键盘的实现
Sep 16 HTML / CSS
H5页面适配iPhoneX(就是那么简单)
Dec 02 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-fpm的两种进程管理模式详解
2013/06/03 PHP
php array_merge_recursive 数组合并
2016/10/26 PHP
关于ThinkPHP中的异常处理详解
2018/05/11 PHP
gearman中任务的优先级和返回状态实例分析
2020/02/27 PHP
慎用 somefunction.prototype 分析
2009/06/02 Javascript
关于文本框的一些限制控制总结~~
2010/04/15 Javascript
解析javascript 浏览器关闭事件
2013/07/08 Javascript
jQuery拖拽 & 弹出层 介绍与示例
2013/12/27 Javascript
通过伪协议解决父页面与iframe页面通信的问题
2015/04/05 Javascript
学习AngularJs:Directive指令用法(完整版)
2016/04/26 Javascript
js正则表达式最长匹配(贪婪匹配)和最短匹配(懒惰匹配)用法分析
2016/12/27 Javascript
JQuery页面随滚动条动态加载效果的简单实现(推荐)
2017/02/08 Javascript
vue2笔记 — vue-router路由懒加载的实现
2017/03/03 Javascript
用angular实现多选按钮的全选与反选实例代码
2017/05/23 Javascript
Vue实现active点击切换方法
2018/03/16 Javascript
vue两个组件间值的传递或修改方式
2018/07/04 Javascript
vue数据初始化initState的实例详解
2019/04/11 Javascript
小程序实现搜索框
2020/06/19 Javascript
bootstrap-treeview实现多级树形菜单 后台JSON格式如何组织?
2019/07/26 Javascript
解决layer图标icon不加载的问题
2019/09/04 Javascript
jQuery事件模型默认行为执行顺序及trigger()与 triggerHandler()比较实例分析
2020/04/30 jQuery
使用python 和 lint 删除项目无用资源的方法
2017/12/20 Python
一行代码让 Python 的运行速度提高100倍
2018/10/08 Python
Python List列表对象内置方法实例详解
2019/10/22 Python
Python利用 utf-8-sig 编码格式解决写入 csv 文件乱码问题
2020/02/21 Python
python实现爱奇艺登陆密码RSA加密的方法示例详解
2020/05/27 Python
CSS3实现网站商品展示效果图
2020/01/18 HTML / CSS
加拿大最大的钻石商店:Peoples Jewellers
2018/01/01 全球购物
大四自我鉴定范文
2013/10/06 职场文书
秘书行业自我鉴定范文
2013/12/30 职场文书
电气个人求职信范文
2014/02/04 职场文书
我的中国心演讲稿
2014/09/04 职场文书
法人授权委托书
2014/09/16 职场文书
个人向公司借款协议书
2014/10/09 职场文书
《秋天的怀念》教学反思
2016/02/17 职场文书
Python 可迭代对象 iterable的具体使用
2021/08/07 Python