css3.0的新属性的参考列表

文中的图表让我们对于每一个浏览器对css3.0新属性的支持情况一目了然，通过升级firfox、Chrome、Safari、Opera浏览器的版本是可以做到支持css3.0属性的，但ie浏览器的升级版本还是无法很好的支持css3.0的新属性！

zenelements.com网站对部分css3.0新属性进行了整理总结，并对相应新属性在各个浏览器的支持情况做了一个图表 ，让我们对于每一个浏览器对css3.0新属性的支持情况一目了然！

从以下列表可以看出，通过升级firfox、Chrome、Safari、Opera浏览器的版本是可以做到支持css3.0属性的，但ie浏览器的升级版本还是无法很好的支持css3.0的新属性！（注：Netscape浏览器不在此列表中）

CSS3: Introduction
CSS3: Border Image
CSS3: Border Color
CSS3: Border Radius
CSS3: Box Shadow
CSS3: Font Face
CSS3: Gradients
CSS3: HSL & HSLA
CSS3: Multiple Column
CSS3: Multiple Images
CSS3: Opacity
CSS3: RGB & RGBA
CSS3: Text Shadow
CSS3: Transform

时间： 2024-02-20 00:01:23

css3.0的新属性的参考列表的相关文章

基于css3新属性transform及原生js实现鼠标拖动3d立方体旋转_javascript技巧

通过原生JS,点击事件,鼠标按下.鼠标抬起和鼠标移动事件,实现3d立方体的拖动旋转,并将旋转角度实时的反应至界面上显示. 实现原理:通过获取鼠标点击屏幕时的坐标和鼠标移动时的坐标,来获得鼠标在X轴.Y轴移动的距离,将距离实时赋值给transform属性 从而通过改变transform:rotate属性值来达到3d立方体旋转的效果 HTML代码块: <body> <input type="button" class="open" value=&quo

CSS3.0实例教程:content属性使用实例介绍

文章简介:在过去我们可以通过后端服务器程序截取或JS截取文字后加入省略号即可. 在过去我们可以通过后端服务器程序截取或JS截取文字后加入省略号即可.现在,我们的CSS3.0可以使用实现了! content属性: 如果我们想往段落p标签内部追加省略号只需要如下方式定义样式即可: p:after{content:"...";} 当然我们也可以追加任何文字: p:after{content:"前端开发网";} 既然CSS3可以追加内容after,那么CSS3也为我们提供了

css3.0:border

在css3.0中,又添加了一个新的属性border-radius,使用border-radius这个属性可以实现圆角边框的效果.除IE和遨游外,目前有Firefox ,Safari,Chrome,Opera支持该属性,其Safari,Chrome,Opera是支持最好的,依照了w3c的标准,仅仅使用border-radius,就可以实现效果,无需加入前缀-webkit.而火狐依然需要加上前缀-moz. 即: Firefox支持border-radius(圆角):-moz-border-radiu

在线调试css3.0的工具:css3 please和css3 generator

网页制作Webjx文章简介:两个在线调试css3.0的工具,css3 please和css3 generator. 两个在线调试css3.0的工具,css3 please和css3 generator.css3.0增加的新属性,如投影.渐变.旋转.圆角等等!这些新标准属性在ie6.ie7.ie8浏览器版本里得不到很好的支持,相信ie以后的新版本也会支持这些新属性的.目前ie6.ie7.ie8浏览器不支持这些属性并不能说明ie就实现不了css3.0新属性的效果!css3please.com网站为我

《NETTY官方文档》4.0的新特性及注意点（二）

半关闭套接字(Half-closed sockets) TCP及SCTP允许在不完全关闭socket的前提下关闭socket的出站传输.这样的socket称之为 'a half-closed socket',用户可以通过调用 SocketChannel.shutdownOutput() 方法来产生半关闭socket.如果远端节点关闭了出站传输,SocketChannel.read(..) 就会返回 -1,看起来跟关闭的连接似乎没区别. 3.x没有 shutdownOutput() 操作.并且 当

JavaScript检测是否支持CSS3、HTML5新特性的例子

伴随着今年10月底HTML5标准版的发布,未来使用H5的场景会越来越多,这是令web开发者欢欣鼓舞的事情.然而有一个现实我们不得不看清,那就是IE系列浏览器还占有一大部分市场份额,以IE8.9为主,windows8.1的用户已经用上了IE10/11,而考虑我国的国情,IE6.7依然存留不少.在我们放手用HTML5开发的时候,新特性支持度检测就是必不可少的了.一种方式是用navigator.userAgent或navigator.appName来检测浏览器类型和版本,不过这种方式不是很可靠,浏览器

用Ogre2.0 打造新3D引擎教程

从现在Ogre2.1的代码来看,大约总结下,更新包含去掉过多的设计模式,SoA的数据结构(用于SIMD,DOD),新的线程模式,新的渲染流程与场景更新,新的材质管理系统,新的模型格式,新的合成器方案,更新是全方面的,可以说,Ogre2.x与Ogre1.x完全不是同一个引擎,不管是效率,还是从渲染新思路的使用上. 大体上参照二份主要文档,一份是 OGRE.2.0.Proposal.Slides.odp,现在Ogre的维护者之一dark_sylinc比对其他的引擎以及相关测试写的 Ogre2.0要修

C＃7.0中新特性汇总_C#教程

以下将是 C# 7.0 中所有计划的语言特性的描述.随着 Visual Studio "15" Preview 4 版本的发布,这些特性中的大部分将活跃起来.现在是时候来展示这些特性,你也告诉借此告诉我们你的想法! C#7.0 增加了许多新功能,并专注于数据消费,简化代码和性能的改善.或许最大的特性就是元祖和模式匹配,元祖可以很容易地拥有多个返回结果,而模型匹配可以根据数据的"形"的不同来简化代码.我们希望,将它们结合起来,从而使你的代码更加简洁高效,也可以使你更加

CSS3 Transform的perspective属性

文章简介:CSS3 Transform的perspective属性. 以下两行语句有什么区别? <div id="animateTest" style="-webkit-transform: perspective(400px) rotateY(40deg);"> <div id="animateTest" style="-webkit-transform: rotateY(40deg) perspective(400