animation:动画名称 花费时间 运动曲线 何时开始 播放次数 是否反方向

div{width:100px;height:100px;background:red;animation:move 2s;}
@keyframes move{50%{height:200px;transform:scale(1.2);background:black;}}

transition

div{width:100px;height:100px;background:red;transition:height 2s;}
div:hover{height:300px;}

transform

transform:translate(-50%,-50%); // 位移
transform:scale(1.3); // 缩放1.3倍
transform:skew(30deg,20deg); //倾斜x轴30°，y轴20°
transform:rotate(30deg); //旋转30°
transform-origin:left top; //变换中心点为左上角

最新文章

1. C# 自定义FileUpload控件
2. .pro配置选项
3. C# 平时碰见的问题【4】
4. hdu 5428 The Factor 分解质因数
5. win64安装及配置apache+php+mysql
6. 火狐的打开3D效果
7. POJ 2738 Two Ends(记忆化）
8. Java的设计模式----strategy(策略模式)
9. hibernate的对象状态分析
10. npm——安装教程、安装vue脚手架
11. 前端导出csv
12. cifX使用心得
13. AllocateHWnd SetTimer API
14. js中css样式
15. High-level structure of a simple compiler高級結構的簡單編譯器
16. POJ3348 Cows 计算几何 凸包
17. php打印错误报告
18. whatweb tree
19. CentOS 7.0 防火墙操作
20. （4.20）SQL Server数据库启动过程，以及启动不起来的各种问题的分析及解决技巧

热门文章

1. 词频分析 评论标签 nltp APP-分析买家评论的评分-高频词：二维关系
2. 错误 error: The following untracked working tree files would be overwritten by merge:README.md
3. Jmeter源码框架
4. IDE(Pycharm&&IDEA)配置文件模版
5. 在VS Code中使用Jupyter Notebook
6. Java学习day7面向对象编程1-对象和类
7. 《剑指offer》面试题20 顺时针打印矩阵 Java版
8. ASP.NET中Literal控件的使用方法（用于向网页中动态添加内容）
9. TCP/IP详解学习笔记（3）IP协议ARP协议和RARP协议
10. 国内下载Flutter