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实现当鼠标移进去时当前亮其他变灰效果
Apr 08 HTML / CSS
详解CSS3 filter:drop-shadow滤镜与box-shadow区别与应用
Aug 24 HTML / CSS
HTML5实现QQ聊天气泡效果
Jun 26 HTML / CSS
HTML5 对各个标签的定义与规定:body的介绍
Jun 21 HTML / CSS
html5配合css3实现带提示文字的输入框(摆脱js)
Mar 08 HTML / CSS
HTML5中div、article、section的区别及使用介绍
Aug 14 HTML / CSS
HTML5 Canvas中绘制矩形实例
Jan 01 HTML / CSS
详解HTML5 Canvas绘制不规则图形时的非零环绕原则
Mar 21 HTML / CSS
HTML5地理定位_动力节点Java学院整理
Jul 12 HTML / CSS
HTML5 解决苹果手机不能自动播放音乐问题
Dec 27 HTML / CSS
详解HTML5.2版本带来的修改
May 06 HTML / CSS
关于html选择框创建占位符的问题
Jun 09 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聊天室技术
2006/10/09 PHP
php array_map()数组函数使用说明
2011/07/12 PHP
关于尾递归的使用详解
2013/05/02 PHP
ThinkPHP5.0框架结合Swoole开发实现WebSocket在线聊天案例详解
2019/04/02 PHP
php实现 master-worker 守护多进程模式的实例代码
2019/07/20 PHP
基于jquery实现后台左侧菜单点击上下滑动显示
2013/04/11 Javascript
使用js+jquery实现无限极联动
2013/05/23 Javascript
Javascript连接多个数组不用concat来解决
2014/03/24 Javascript
javaScript中两个等于号和三个等于号之间的区别介绍
2014/06/27 Javascript
Jquery $.getJSON 在IE下的缓存问题解决方法
2014/10/10 Javascript
js去除浏览器默认底图的方法
2015/06/08 Javascript
jQuery实现html元素拖拽
2015/07/21 Javascript
jQuery实现Flash效果上下翻动的中英文导航菜单代码
2015/09/22 Javascript
javascript bom是什么及bom和dom的区别
2015/11/26 Javascript
Js 获取当前函数参数对象的实现代码
2016/06/20 Javascript
基于nodejs+express4.X实现文件下载的实例代码
2017/07/13 NodeJs
jQuery实现导航栏头部菜单项点击后变换颜色的方法
2017/07/19 jQuery
Angular6 发送手机验证码按钮倒计时效果实现方法
2019/01/08 Javascript
微信小程序实现弹出菜单动画
2019/06/21 Javascript
layer.open的自适应及居中及子页面标题的修改方法
2019/09/05 Javascript
js中addEventListener()与removeEventListener()用法案例分析
2020/03/02 Javascript
[54:28]EG vs OG 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/18 DOTA
python二分法实现实例
2013/11/21 Python
python时间整形转标准格式的示例分享
2014/02/14 Python
Python 实现 贪吃蛇大作战 代码分享
2016/09/07 Python
用sqlalchemy构建Django连接池的实例
2019/08/29 Python
Python实现屏幕录制功能的代码
2020/03/02 Python
python定义具名元组实例操作
2021/02/28 Python
StubHub巴西:购买和出售您的门票
2016/07/22 全球购物
SkinCeuticals官网:美国药妆品牌
2018/04/19 全球购物
如何估计一张表的大小(假设该表中有1万条数据)
2016/03/27 面试题
创联软件面试题笔试题
2012/10/07 面试题
毕业生的自我评价范文
2013/12/31 职场文书
2016公司年会主持词
2015/07/01 职场文书
小学运动会加油稿
2015/07/22 职场文书
Jmerte 分布式压测及分布式压测配置
2022/04/30 Java/Android