2021年7月1日

摘要: 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) 推荐(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) 推荐(0)
 
摘要: animation 动画分为两步 1、第一步:定义动画 第一种:@keyframes 动画名{ 0%{} 50% 100%{} } 第二种:@keyframes 动画名{ from{} to{} } 第二种只适合动画只有初始状态和结束状态 兼容:@-webkit-keyframes 2、第二步:触发 阅读全文
posted @ 2021-07-01 11:58 phantom_yy 阅读(48) 评论(0) 推荐(0)