• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >css3 > CSS3 please 跨浏览器的CSS3产生器

CSS3 please 跨浏览器的CSS3产生器

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-06-02

本文主要包含css3 please,css3支持的浏览器,css3兼容360浏览器,css3浏览器前缀,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了,可视化界面很好强大。

</div>

您可能想查找下面的文章:

  • CSS3 please 跨浏览器的CSS3产生器

相关文章

  • 2017-06-02CSS3样式linear-gradient的使用实例
  • 2017-06-02CSS3中线性颜色渐变的一些实现方法
  • 2017-06-02纯CSS3实现Material Design效果
  • 2017-06-02CSS3实现超酷的黑猫警长首页
  • 2017-06-02CSS3,线性渐变(linear-gradient)的使用总结
  • 2017-06-02检测用户浏览器是否支持CSS3的方法
  • 2017-06-02CSS3 Columns分列式布局方法简介
  • 2017-06-02非常震撼的纯CSS3人物行走动画
  • 2017-06-02纯css3(无图片/js)制作的几个社交媒体网站的图标
  • 2017-06-02纯CSS3实现滚动的齿轮动画效果

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • CSS3 animation实现逐帧动画效果
    • 纯CSS3代码实现switch滑动开关按钮效果
    • html5+css3之CSS中的布局与Header的实现
    • 35款精致的 CSS3 和 HTML5 网页模板 推荐
    • CSS Grid布局教程之网格单元格布局
    • css3发光搜索表单分享
    • CSS3 简写animation
    • 使用CSS3代码绘制可爱的Hello Kitty猫
    • CSS3实现任意图片lowpoly动画效果实例
    • button在IE6/7下的黑边去除方案

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有