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实现鼠标悬停显示扩展内容
Aug 24 HTML / CSS
从一次项目重构说起CSS3自定义变量在项目的使用方法
Mar 01 HTML / CSS
HTML5 Canvas实现文本对齐的方法总结
Mar 24 HTML / CSS
HTML高亮关键字的实现代码
Oct 22 HTML / CSS
详解移动端HTML5音频与视频问题及解决方案
Aug 22 HTML / CSS
html5在移动端的屏幕适应问题示例探讨
Jun 15 HTML / CSS
IE9对HTML5中部分属性不支持的原因分析
Oct 15 HTML / CSS
HTML5移动端开发中的Viewport标签及相关CSS用法解析
Apr 15 HTML / CSS
HTML5移动端手机网站开发流程
Apr 25 HTML / CSS
用canvas显示验证码的实现
Apr 10 HTML / CSS
浅析数据存储的三种方式 cookie sessionstorage localstorage 的异同
Jun 04 HTML / CSS
CSS实现隐藏搜索框功能(动画正反向序列)
Jul 21 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
音乐朗读剧《MARS RED》2021年TV动画化决定!
2020/03/06 日漫
PHP关联链接常用代码
2012/11/05 PHP
PHP编程中的常见漏洞和代码实例
2014/08/06 PHP
ThinkPHP中limit()使用方法详解
2016/04/19 PHP
PHP封装的数据库模型Model类完整示例【基于PDO】
2019/03/14 PHP
PHP下载大文件失败并限制下载速度的实例代码
2019/05/10 PHP
Laravel实现ApiToken认证请求
2019/10/14 PHP
JS模拟的QQ面板上的多级可展开的菜单
2009/10/10 Javascript
鼠标选择动态改变网页背景颜色的JS代码
2013/12/10 Javascript
ExtJS判断IE浏览器类型的方法
2014/02/10 Javascript
Javascript的setTimeout()使用闭包特性时需要注意的问题
2014/09/23 Javascript
JavaScript获取数组最小值和最大值的方法
2015/06/09 Javascript
javascript实现网页中涉及的简易运动(改变宽高、透明度、位置)
2015/11/29 Javascript
js针对ip地址、子网掩码、网关的逻辑性判断
2016/01/06 Javascript
微信小程序 下拉菜单简单实例
2017/04/13 Javascript
pm2发布node配置文件ecosystem.json详解
2019/05/15 Javascript
Layui 导航默认展开和菜单栏选中高亮设置的方法
2019/09/04 Javascript
js中switch语句的学习笔记
2020/03/25 Javascript
基于vue的video播放器的实现示例
2021/02/19 Vue.js
使用PYTHON创建XML文档
2012/03/01 Python
Python解析最简单的验证码
2016/01/07 Python
利用Python如何生成随机密码
2016/04/20 Python
Python2中文处理纪要的实现方法
2018/03/10 Python
Python实现中一次读取多个值的方法
2018/04/22 Python
Python Django框架实现应用添加logging日志操作示例
2019/05/17 Python
利用python实现AR教程
2019/11/20 Python
windows、linux下打包Python3程序详细方法
2020/03/17 Python
windows10 pycharm下安装pyltp库和加载模型实现语义角色标注的示例代码
2020/05/07 Python
Python实现加密接口测试方法步骤详解
2020/06/05 Python
巴西购物网站:Estrela10
2018/12/13 全球购物
销售员岗位职责
2014/06/09 职场文书
认错检讨书
2014/10/02 职场文书
入党积极分子个人总结
2015/03/02 职场文书
建国大业观后感
2015/06/01 职场文书
公司管理制度范本
2015/08/03 职场文书
大学生党课心得体会
2016/01/07 职场文书