3d属性类型

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:自动触发

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值