admin管理员组

文章数量:1531504

  1. transition 和  animation的区别
    • transition:  属性  花费时间   速度曲线   延时时间;
transition: width 2s ease 1s;

    • animation: 动画名称   花费时间  速度曲线  延时时间   重复次数  动画方向  执行完毕的状态;
    • 过渡经常配合鼠标经过使用,只能设置起始和结束状态。
    • 动画可以自动执行,而且无限循环等。(其中 动画名称和花费时间必须要写)
  1. perspective 和  transform-style 区别
    • perspective  是透视,可以让电脑模拟 3d效果, 实现近大远小的效果。
    • transform-style 立体呈现 可以让 子元素 里面按照设置位移,旋转,缩放,扭曲等。如果不给父元素这个属性,这里面所有的子盒子都是平面的。
    • 正常情况下: 爷爷设置perspective、父亲设置transform-style: preserve-3d、孩子们设置位移,旋转,缩放,扭曲等

本文标签: 区别perspectivetransformstyle