美文网首页
css3:transform

css3:transform

作者: 我爱吃肥肠 | 来源:发表于2018-02-05 16:23 被阅读0次

    使用css3创建3d效果主要用到transform,transition两个属性.

    transition:定义css属性转变的效果.如果没有设置,属性值变化的时候会很快速的变化,使用transition可以控制变化的速度和效果.创建3d主要还是在transform.

    transform是定义变形的属性.要观察变形,首先要给父元素设置观察的视角,通过perspective:500px;perspective-origin:30% 50%;这两个属性设置观察的视角.

    transform-style:preserve-3d;告诉浏览器要保留子元素的3d效果.

    相关文章

      网友评论

          本文标题:css3:transform

          本文链接:https://www.haomeiwen.com/subject/igkizxtx.html