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效果.

上一篇下一篇

猜你喜欢

热点阅读