css3:transform
2018-02-05 本文已影响0人
我爱吃肥肠
使用css3创建3d效果主要用到transform,transition两个属性.
transition:定义css属性转变的效果.如果没有设置,属性值变化的时候会很快速的变化,使用transition可以控制变化的速度和效果.创建3d主要还是在transform.
transform是定义变形的属性.要观察变形,首先要给父元素设置观察的视角,通过perspective:500px;perspective-origin:30% 50%;这两个属性设置观察的视角.
transform-style:preserve-3d;告诉浏览器要保留子元素的3d效果.