最火下载站首页
手机版
最火下载站
关注公众号
最火下载站

当前位置:首页 > 网络知识 > Web前端 > Html/css> CSS3转换功能transform主要属性值分析及实现

CSS3转换功能transform主要属性值分析及实现

文章作者:网友投稿 发布时间:2012-04-28 12:52:37 来源:网络

css3的到来,让css技术进一步提高了,以前在css2不能实现的功能,现在都可以实现了,例如: 圆角,文字阴影,透明度,渐变,转换,过渡,动画等等。这些功能使用起来很方便。 今天我想

css3的到来,让css技术进一步提高了,以前在css2不能实现的功能,现在都可以实现了,例如: 圆角,文字阴影,透明度,渐变,转换,过渡,动画等等。这些功能使用起来很方便。

今天我想介绍一下转换的用法:

transform主要包括以下属性值:

rotate(旋转度数)

scale(缩放)

skew(斜切扭曲)

translate(对象平移)

利用上述属性值,可以实现一些很酷的效果,比如正方体,下面是我做的一个效果,三个大小不等的正方体

 

代码如下:


提示:可修改后代码再运行!

上一篇: CSS教程:scrollbar的属性及样式分类

下一篇: html5给文本框实现email域名自动完成效果

共有0条评论网友评论