摘要: 视距-用来设置用户与元素3d空间Z平面之间的距离。 实例1: HTML: CSS: 演示demo: 鼠标放到图片上面来查看效果哦!(图片反转360度) 鼠标放到图片上面来查看效果哦!(图片反转360度--使用transform-style: preserve-3d;效果),但是不使用perspect 阅读全文
posted @ 2016-08-30 21:15 Qboooogle 阅读(7475) 评论(0) 推荐(0) 编辑
摘要: 相对于transform-style:flat,在2d平面呈现,transform-style:preserve-3d则将所有子元素呈现在3d空间中。 实例: HTML: 1 <div class="transform-style"> 2 <h3>鼠标放到图片上面来查看效果哦!(图片反转360度)< 阅读全文
posted @ 2016-08-30 20:06 Qboooogle 阅读(1168) 评论(0) 推荐(0) 编辑
摘要: 1 :缩放 scale(x,y)函数让元素根据中心原点对对象进行缩放,大于1进行放大,小于1则缩小,如果为负值,则先进行翻转再进行缩放操作。 实例: HTML: CSS: 原图 原图 先对其左右翻转,对x轴放大2倍,对Y轴放大2倍 先对其左右翻转,对x轴放大2倍,对Y轴放大2倍 使用transfor 阅读全文
posted @ 2016-08-30 18:46 Qboooogle 阅读(2420) 评论(0) 推荐(0) 编辑
摘要: CSS3实现动画: 1 Transitions:定义元素的某个属性从一个属性值平滑过渡到另一个属性值。 Transitions属性的使用方法如下所示: transition: property | duration | timing-function | delay transition-prope 阅读全文
posted @ 2016-08-30 16:47 Qboooogle 阅读(608) 评论(0) 推荐(0) 编辑