3d旋转:rotateZ() rotate3d(x,y,z,度数) 注:x y z 一个矢量值 0是不旋转 1是旋转 例如:rotate3d(1,1,0,45deg)
3d缩放:scaleZ()scale3d(x,y,z)
背面不可见:backface-visibility:hedden;
perspective景深:值越大距离越远 (给父元素添加)通常为900到1200像素之间
景深的视角:perspective-origin:中间:center 左上角:left top 或右上角right top 或者像素10px 10px
制作关键帧@keyframes 名字{
(开始)from{
left:0
}
(结束)to{
left:500px;
}
}
词用关键帧(简写方式):名字 动的时间 延迟时间 类型(匀速 linear,默认值 ease,跳到每一结束帧的状态 step-start) 循环的次数(无限循环 infinite) 运动的方向(reverse alternate是先正后反,alternate-reverse是先反后正) 运动的状态(animation-plat-state:running paused暂停 停止的状态:(animation-fill-mode:forwards停在最后一帧) transition和animation的区别:transition需要事件触发例如鼠标滑过 animation:自动触发
3d属性类型
最新推荐文章于 2023-01-10 19:31:12 发布