摘要:
1、景深(还是2d属性) 近大远小,可以加强2d,3d效果 (1)给父元素加景深 perspective:500px; 每个子元素的景深效果各不相同 (2)给子元素加景深 transform:perspective:500px; 2、3D偏移 z轴的偏移是前后移动,正直往前移动,负值往后移动 tra
阅读全文
posted @ 2021-07-01 19:04
phantom_yy
阅读(40)
推荐(0)
摘要:
1、scale设置的是2d的缩放,中心缩放,值是倍数 transform:scale(x宽度,y高度) scaleX(x宽度) scaleY(y高度) 2、translate设置的是偏移,原位置偏移,有点类似相对定位 transform:translate(x宽度,y高度),倾斜移动 transla
阅读全文
posted @ 2021-07-01 17:48
phantom_yy
阅读(56)
推荐(0)
摘要:
animation 动画分为两步 1、第一步:定义动画 第一种:@keyframes 动画名{ 0%{} 50% 100%{} } 第二种:@keyframes 动画名{ from{} to{} } 第二种只适合动画只有初始状态和结束状态 兼容:@-webkit-keyframes 2、第二步:触发
阅读全文
posted @ 2021-07-01 11:58
phantom_yy
阅读(48)
推荐(0)