网络编程
位置:首页>> 网络编程>> 网页设计>> 5个CSS3技术实现设计增强(7)

5个CSS3技术实现设计增强(7)

作者:暴风彬彬 来源:彬Go 发布时间:2009-09-04 17:04:00 

标签:设计,css3,技术

“买五送一”-旋转任何元素

目前支持的浏览器:Apple Safari 4+, Firefox 3.5+, Google Chrome 1+

虽然它目前不算是CSS3中的一部分,但Webkit已经有了它自己的一套变形属性,Mozilla也在效仿。变形包含了很多不同类型的值,不过其中最有意思也是最有用的就是旋转了。


-webkit-transform: rotate(-15deg);
-moz-transform: rotate(-15deg);

下图为不支持CSS3的浏览器所呈现出来的样子(如Opera 9):

查看实例Demo(需要使用Safari 4+, Firefox 3.5+, or Chrome 1+浏览器)

英文原文:5 CSS3 Design Enhancements That You Can Use Today

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com