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 相关文章推荐
无需JS和jQuery代码实现CSS3鼠标浮动放大图片
Nov 21 HTML / CSS
使用CSS3实现一个3D相册效果实例
Dec 03 HTML / CSS
详解CSS3中常用的样式【基本文本和字体样式】
Oct 20 HTML / CSS
HTML5 语音搜索只需一句代码
Jan 03 HTML / CSS
html5 input属性使用示例
Jun 28 HTML / CSS
使用phonegap查找联系人的实现方法
Mar 31 HTML / CSS
Canvas制作的下雨动画的示例
Mar 06 HTML / CSS
HTML5拖拽API经典实例详解
Apr 20 HTML / CSS
导出HTML5 Canvas图片并上传服务器功能
Aug 16 HTML / CSS
iPhoneX安全区域(Safe Area)底部小黑条在微信小程序和H5的屏幕适配
Apr 08 HTML / CSS
html5跳转小程序wx-open-launch-weapp踩坑
Dec 02 HTML / CSS
CSS三大特性继承性、层叠性和优先级详解
Jan 18 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 header 跳转
2013/06/17 PHP
JAVASCRIPT 对象的创建与使用
2021/03/09 Javascript
类之Prototype.js学习
2007/06/13 Javascript
jQuery 在光标定位的地方插入文字的插件
2012/05/10 Javascript
Jquery加载时从后台读取数据绑定到dropdownList实例
2013/06/09 Javascript
jquery插件lazyload.js延迟加载图片的使用方法
2014/02/19 Javascript
JavaScript字符串对象substring方法入门实例(用于截取字符串)
2014/10/17 Javascript
JS响应鼠标点击实现两个滑块区间拖动效果
2015/10/26 Javascript
javascript超过容器后显示省略号效果的方法(兼容一行或者多行)
2016/07/14 Javascript
JavaScipt选取文档元素的方法(推荐)
2016/08/05 Javascript
深入理解JS继承和原型链的问题
2016/12/17 Javascript
Bootstrap源码解读导航条(7)
2016/12/23 Javascript
JS组件系列之MVVM组件构建自己的Vue组件
2017/04/28 Javascript
jQuery实现简单的下拉菜单导航功能示例
2017/12/07 jQuery
element UI upload组件上传附件格式限制方法
2018/09/04 Javascript
[03:58]2014DOTA2国际邀请赛 龙宝赛后解密DK获胜之道
2014/07/14 DOTA
[41:21]夜魇凡尔赛茶话会 第三期02:看图识人
2021/03/11 DOTA
Python异常处理总结
2014/08/15 Python
Python中声明只包含一个元素的元组数据方法
2014/08/25 Python
极简的Python入门指引
2015/04/01 Python
Docker部署Python爬虫项目的方法步骤
2020/01/19 Python
Django设置Postgresql的操作
2020/05/14 Python
DataFrame 数据合并实现(merge,join,concat)
2020/06/14 Python
Bally美国官网:经典瑞士鞋履、手袋及配饰奢侈品牌
2018/05/18 全球购物
化工专业应届生求职信
2013/11/08 职场文书
财务会计实习报告体会
2013/12/20 职场文书
生物科学专业职业规划书范文
2014/02/11 职场文书
公休请假条
2014/04/11 职场文书
基本公共卫生服务健康教育工作方案
2014/05/22 职场文书
新农村建设汇报材料
2014/08/15 职场文书
车辆安全隐患排查制度
2015/08/05 职场文书
导游词之天津古文化街
2019/11/09 职场文书
Redis5之后版本的高可用集群搭建的实现
2021/04/27 Redis
用Python爬取某乎手机APP数据
2021/06/15 Python
navicat 连接Ubuntu虚拟机的mysql的操作方法
2022/04/02 MySQL
Java 异步任务计算FutureTask
2022/04/28 Java/Android