摘要: 总结:主要在于 steps(12,end)函数,12代表整个动画切成多少段 (类似flash时间轴) end会跳过所有动画的最后一个关键帧跑到循环的第二动画个开头;start的话会跳过第一个关键帧,直接跑第二个关键帧开始执行(每次动画最后执行的关键帧到第二个循环的头一个关键帧这个过渡就是它们偷吃跳掉 阅读全文
posted @ 2020-08-18 01:01 幽悠又 阅读(1141) 评论(0) 推荐(0) 编辑
摘要: 总结:1.transform-style: preserve-3d; 要写在3d动画的父级上否则不会生效; 2.每个面在做变换时更换他们的基点再变换 3.正方体转动时以它的中心转 得把基点设置为x轴y轴z轴的中心 <!DOCTYPE html> <html lang="en"> <head> <me 阅读全文
posted @ 2020-08-18 00:21 幽悠又 阅读(244) 评论(0) 推荐(0) 编辑
摘要: 元素垂直水平居中方案 已知高宽 1.position=absolute,lrtb=0,margin=auto,包含块一定的是容器。(绝对定位盒模型的特性) left+right+w+p+m = 包含块的宽度 top+bottom+h+p+m = 包含块的高度 2.position=absolute, 阅读全文
posted @ 2020-08-18 00:01 幽悠又 阅读(93) 评论(0) 推荐(0) 编辑