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 相关文章推荐
学做Bootstrap的第一个页面
May 15 HTML / CSS
CSS3动画效果回调处理详解
Dec 10 HTML / CSS
使用CSS3制作响应式导航菜单的方法
Jul 12 HTML / CSS
利用CSS3实现进度条的两种姿势详解
Mar 21 HTML / CSS
CSS3 清除浮动的方法示例
Jun 01 HTML / CSS
如何用border-image实现文字气泡边框的示例代码
Jan 21 HTML / CSS
canvas学习笔记之2d画布基础的实现
Feb 21 HTML / CSS
HTML5安全介绍之内容安全策略(CSP)简介
Jul 10 HTML / CSS
基于HTML5 FileSystem API的使用介绍
Apr 24 HTML / CSS
Html5 audio标签样式的修改
Jan 28 HTML / CSS
boostrap modal 闪现问题的解决方法
Sep 01 HTML / CSS
HTML静态页面获取url参数和UserAgent的实现
Aug 05 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
解决phpmyadmin中缺少mysqli扩展问题的方法
2013/05/06 PHP
Javascript实现的分页函数
2006/12/22 Javascript
JavaScript QueryString解析类代码
2010/01/17 Javascript
Jquery Validation插件防止重复提交表单的解决方法
2010/03/05 Javascript
JS自动适应的图片弹窗实例
2013/06/29 Javascript
通过AJAX的JS、JQuery两种方式解析XML示例介绍
2013/09/23 Javascript
javascript如何使用bind指定接收者
2014/05/04 Javascript
javascript遇到html5的一些表单属性
2015/07/05 Javascript
JS实现模拟百度搜索“2012世界末日”网页地震撕裂效果代码
2015/10/31 Javascript
webpack开发跨域问题解决办法
2017/08/03 Javascript
AngularJS 购物车全选/取消全选功能的实现方法
2017/08/14 Javascript
使用react实现手机号的数据同步显示功能的示例代码
2018/04/03 Javascript
vue中关闭eslint的方法分析
2018/08/04 Javascript
vue 的点击事件获取当前点击的元素方法
2018/09/15 Javascript
在create-react-app中使用sass的方法示例
2018/10/01 Javascript
node基于async/await对mysql进行封装
2019/06/20 Javascript
解决vue elementUI中table里数字、字母、中文混合排序问题
2020/01/07 Javascript
JS中类的静态方法,静态变量,实例方法,实例变量区别与用法实例分析
2020/03/14 Javascript
[01:08:09]DOTA2上海特级锦标赛主赛事日 - 1 胜者组第一轮#1Liquid VS Alliance第二局
2016/03/02 DOTA
[00:58]他们到底在电话里听到了什么?
2017/11/21 DOTA
pyqt4教程之widget使用示例分享
2014/03/07 Python
python中的实例方法、静态方法、类方法、类变量和实例变量浅析
2014/04/26 Python
给Python IDLE加上自动补全和历史功能
2014/11/30 Python
Python的Twisted框架上手前所必须了解的异步编程思想
2016/05/25 Python
Python中字符串的常见操作技巧总结
2016/07/28 Python
谈一谈基于python的面向对象编程基础
2019/05/21 Python
Python 处理文件的几种方式
2019/08/23 Python
python实现名片管理器的示例代码
2019/12/17 Python
自我评价范文
2013/12/22 职场文书
劳资协议书范本
2014/04/23 职场文书
2014教师党员个人自我评议
2014/09/20 职场文书
机关干部四风问题自查报告及整改措施
2014/10/26 职场文书
公司市场部岗位职责
2015/04/15 职场文书
骆驼祥子读书笔记
2015/06/26 职场文书
2015年数学教研工作总结
2015/07/22 职场文书
为什么中国式养孩子很累?
2019/08/07 职场文书