摘要: 1. 制作动画 先定义动画,再使用(调用)动画 使用 keyframes(关键帧)定义动画(类似定义类选择器) @keyframes 动画名称{ 0%{ width:100px; } 100%{ width:200px; } } 动画序列: 1. 0% 是动画开始,100%是动画完成,这样的规则就是 阅读全文
posted @ 2019-10-27 22:07 晴天宝宝i 阅读(291) 评论(0) 推荐(0) 编辑
摘要: Document 会旋转的盒子 会缩放的盒子: 1 2 3 4 5 动画 阅读全文
posted @ 2019-10-27 20:30 晴天宝宝i 阅读(329) 评论(0) 推荐(0) 编辑
摘要: 1.transform(转换)可以实现元素的位移,旋转,缩放等效果(可以简单理解为变形) 移动:translate 旋转:rotate 缩放:scale 2. 2D 转换之移动 translate 可以改变元素在页面中的位置,类似定位。 语法: transform:translate(x,y); 或 阅读全文
posted @ 2019-10-27 17:19 晴天宝宝i 阅读(550) 评论(0) 推荐(0) 编辑