admin管理员组

文章数量:1130349

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

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

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

本文标签： 区别perspectivetransformstyle

版权声明：本文标题：perspective 和 transform-style 区别 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://it.en369.cn/jiaocheng/1758687830a2782887.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。