随笔分类 -  CSS3

摘要:原文转自:http://www.w3cplus.com/content/css3-transformCSS3 Transform大漠2011-05-24点击:8505 css3CSS3transform92Vote up!前面我们一起学习了CSS3中的渐变、圆角、阴影等几个属性的使用,今天开始我们一起来学习有关于CSS3制作动画的几个属性:变形(transform)、转换(transition)和动画(animation)等更高级的CSS3技术。本文主要介绍的是这三个属性之中的第一个──变形transform。Transform字面上就是变形,改变的意思。在CSS3中transform主要包括 阅读全文
posted @ 2012-09-17 15:12 平阳小安
摘要:transform(变形)和transform-origin(变形原点)的说明:目前这两个属性得到了除去ie以外各个主流浏览器webkit,firefox,opera的支持,属性名分别为 -webkit-transform,-moz-transform,-o-transform;transform-origin是变形原点,也就是该元素围绕着那个点变形或旋转,该属性只有在设置了transform属性的时候起作用;语法:-moz-transform-origin: [ <percentage> |<length> | left |center |right ][ <p 阅读全文
posted @ 2012-09-13 17:03 平阳小安 阅读(282) 评论(0) 推荐(0)
摘要:不支持opera =-=~!HTML<div class="contaner"> <div class="box buddycloud"> <h1>Pack</h1> <div class="stream" style="transform:rotateY(-3deg) rotateX(0deg);"> <article class="topic" > <img src="images/ds.jpg" 阅读全文
posted @ 2012-09-12 17:02 平阳小安 阅读(750) 评论(0) 推荐(0)