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 绘制BMW logo实的现代码
Apr 25 HTML / CSS
纯CSS3打造动感漂亮时尚的扇形菜单
Mar 18 HTML / CSS
纯CSS实现的大小渐变、渐远效果
Apr 15 HTML / CSS
CSS3实现瀑布流布局与无限加载图片相册的实例代码
Dec 22 HTML / CSS
Grid 宫格常用布局的实现
Jan 10 HTML / CSS
CSS3实现div从下往上滑入滑出效果示例
Apr 28 HTML / CSS
CSS3实现彩色进度条动画的示例
Oct 29 HTML / CSS
HTML5 canvas实现雪花飘落特效
Mar 08 HTML / CSS
canvas画布实现手写签名效果的示例代码
Apr 23 HTML / CSS
X/HTML5 和 XHTML2
Oct 17 HTML / CSS
html5 canvas 使用示例
Oct 22 HTML / CSS
基于html5 DeviceOrientation 实现微信摇一摇功能
Sep 25 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
《超神学院》霸气归来, 天使彦上演维多利亚的秘密
2020/03/02 国漫
php实现分页工具类分享
2014/01/09 PHP
php计算程序运行时间的简单例子分享
2014/05/10 PHP
thinkphp使用phpmailer发送邮件的方法
2014/11/24 PHP
php 利用socket发送GET,POST请求的实例代码
2020/07/04 PHP
使用js 设置url参数
2013/07/08 Javascript
JavaScript继承基础讲解(原型链、借用构造函数、混合模式、原型式继承、寄生式继承、寄生组合式继承)
2014/08/16 Javascript
浅谈JavaScript函数节流
2014/12/09 Javascript
js+css实现文字散开重组动画特效代码分享
2015/08/21 Javascript
基于Jquery实现仿百度百科右侧导航代码附源码下载
2015/11/27 Javascript
jQuery判断checkbox选中状态
2016/05/12 Javascript
JavaScript 中 apply 、call 的详解
2017/03/21 Javascript
webpack配置的最佳实践分享
2017/04/21 Javascript
JavaScript输入分钟、秒倒计时技巧总结(附代码)
2017/08/17 Javascript
关于JS与jQuery中的文档加载问题
2017/08/22 jQuery
Vue-路由导航菜单栏的高亮设置方法
2018/03/17 Javascript
Vue.js更改调试地址端口号的实例
2018/09/19 Javascript
移动端滑动切换组件封装 vue-swiper-router实例详解
2018/11/25 Javascript
微信小程序版本自动更新的方法
2019/06/14 Javascript
VueCli3.0中集成MockApi的方法示例
2019/07/05 Javascript
JS实现省市县三级下拉联动
2020/04/10 Javascript
在Python的Django框架中用流响应生成CSV文件的教程
2015/05/02 Python
Python读取sqlite数据库文件的方法分析
2017/08/07 Python
Python爬虫实例_城市公交网络站点数据的爬取方法
2018/01/10 Python
使用Python实现企业微信的自动打卡功能
2019/04/30 Python
pycharm软件实现设置自动保存操作
2020/06/08 Python
Html5新标签解释及用法
2012/02/17 HTML / CSS
俄罗斯运动、健康和美容产品在线商店:Lactomin.ru
2020/07/23 全球购物
《学会待客》教学反思
2014/02/22 职场文书
新年爱情寄语
2014/04/08 职场文书
2014年建筑工程工作总结
2014/12/03 职场文书
信用卡收入证明范本
2015/06/12 职场文书
初中团支书竞选稿
2015/11/21 职场文书
2016年“我们的节日·清明节”活动总结
2016/04/01 职场文书
详解Python常用的魔法方法
2021/06/03 Python
四十九个javascript小知识实用技巧
2021/11/20 Javascript