外观
CSS过度与动画
CSS过度与动画
translate
平移：translate(n1,n2,n3,n4,x,y);
伸缩：scale(x);
旋转：rotate(r deg);
扭曲：sken(x deg,y deg);
自定义任何类型的转换：使用自定义矩阵进行转换。
transform-origin:x y设置基准点（变换原点）
过度（动画）
transition:属性 时间 转换函数（效果）
.box,li{
transition: all 0.5s linear;
<!--设置过渡范围为所有属性，过渡时间为0.5s,过渡动画为线性-->
}
.box,li:hover{
transform: translate(0,-50px);
<!--向上移动50像素-->
transform: scale(1.5);
<!--扩大1.5倍-->
}动画
属性 animation:动画名 时间 效果 方向;
动画定义
@keyframes 动画名{
from{
开始状态;
}
50%{
中间状态;
}
to{
结束状态;
}动画方向
animation-direction: 属性值;normal 正常
reverse 反向
forward
alternate： 正常与反向交替 与反向交替
额外
ul{display:inline-block}/*li标签横向*/版本控制工具
什么是版本控制工具
一种软件，可记录代码的历史，观察代码之间的差异，发布正式版本代码。存储代码的仓库。
有什么用
存储代码
发布代码
管理代码版本
查看代码的差异
记录历史
管理分支
怎么用
before：它是一组网络应用程序（一定有客户端和服务端）
分类
集中式（SVN）
分类的线索是在工作的过程中需要一直连接上服务端
缺点：必须在线工作，如果不能通过网络访问代码仓库就无法工作
优点：安全，精细的权限管理（分人，分目录进行权限管理）
分布式（GIT）
git如何使用
git的存储结构
本地工作区-->Index(本地暂存区)-->本地仓库-->远程仓库