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 圆角效果
Jul 15 HTML / CSS
一款利用html5和css3实现的3D滚动特效的教程
Jan 04 HTML / CSS
详解CSS3实现响应式手风琴效果
Jun 10 HTML / CSS
css3利用transform变形结合事件完成扇形导航
Oct 26 HTML / CSS
canvas绘制表情包的示例代码
Jul 09 HTML / CSS
HTML5和以前HTML4的区别整理
Oct 20 HTML / CSS
HTML5制作酷炫音频播放器插件图文教程
Dec 30 HTML / CSS
HTML5 LocalStorage 本地存储刷新值还在
Mar 10 HTML / CSS
HTML5单页面手势滑屏切换原理分析
Jul 10 HTML / CSS
canvas实现圆形进度条动画的示例代码
Dec 26 HTML / CSS
HTML5 canvas 瀑布流文字效果的示例代码
Jan 31 HTML / CSS
html+css实现文字折叠特效实例
Jun 02 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实现下载限制速度示例分享
2014/02/13 PHP
PHP实现接收二进制流转换成图片的方法
2017/01/10 PHP
用js实现下载远程文件并保存在本地的脚本
2008/05/06 Javascript
给Function做的OOP扩展
2009/05/07 Javascript
JS图片无缝滚动(简单利于使用)
2013/06/17 Javascript
JavaScript的各种常见函数定义方法
2014/09/16 Javascript
javascript 中__proto__和prototype详解
2014/11/25 Javascript
在JavaScript中使用JSON数据
2016/02/15 Javascript
javascript创建对象的几种模式介绍
2016/05/06 Javascript
JS仿百度自动下拉框模糊匹配提示
2016/07/25 Javascript
jQuery中animate的几种用法与注意事项
2016/12/12 Javascript
如何写好你的JavaScript【推荐】
2017/03/02 Javascript
Vuejs实现带样式的单文件组件新方法
2017/05/02 Javascript
基于pako.js实现gzip的压缩和解压功能示例
2017/06/13 Javascript
JS判断非空至少输入两个字符的简单实现方法
2017/06/23 Javascript
vue + webpack如何绕过QQ音乐接口对host的验证详解
2018/07/01 Javascript
解决JQuery的ajax函数执行失败alert函数弹框一闪而过问题
2019/04/10 jQuery
基于VUE实现判断设备是PC还是移动端
2020/07/03 Javascript
[01:03:33]Alliance vs TNC 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/18 DOTA
Python中方法链的使用方法
2016/02/23 Python
Python线程创建和终止实例代码
2018/01/20 Python
numpy.linspace 生成等差数组的方法
2018/07/02 Python
python实现字符串和字典的转换
2018/09/29 Python
python itchat给指定联系人发消息的方法
2019/06/11 Python
Python generator生成器和yield表达式详解
2019/08/08 Python
tensorflow 自定义损失函数示例代码
2020/02/05 Python
Python实现企业微信机器人每天定时发消息实例
2020/02/25 Python
python dict如何定义
2020/09/02 Python
python 实现朴素贝叶斯算法的示例
2020/09/30 Python
Python基于opencv的简单图像轮廓形状识别(全网最简单最少代码)
2021/01/28 Python
华润集团网上药店:健一网
2016/09/19 全球购物
亚马逊印度站:Amazon.in
2017/10/15 全球购物
羽毛球社团活动总结
2014/06/27 职场文书
经典演讲稿开场白
2014/08/25 职场文书
2014年学校党建工作总结
2014/11/11 职场文书
MySQL中utf8mb4排序规则示例
2021/08/02 MySQL