linear-gradient(top,red,#000)
radial-gradient(center center,red,#000)
rotate(Ndeg) 2D旋转
scale(x,y)(2D缩放)
translate(x,y)
1.属性 property
2.执行时间 durarion
3.过渡效果 timing-function
4.延迟 delay
linear 线性过渡
ease 平滑过渡
ease-in 由慢到快
ease-out 由快到慢
ease-in-out 先慢到快再到慢
cubic-bezier(0,0,0,0)特定的类型
above 上边
below 下边
left 左边
right 右边
名称 animarion-name
时间 animarion-duration
效果 animarion-timing-function
延迟 animarion-delay
循环次数 animarion-iteration-count
是否反向运动 animarion-direction
动画的状态播放||暂停 animarion-play-state:paused;暂停
动画时间之外状态 animarion-mode
-webkit-谷歌
-o-欧朋
-moz-火狐前缀
-ms- IE前缀
@media screen and (max-width:767px){
}
@media (min-width: 768px) and ( max-width: 1236px) {
}
border --> 从border显示背景;
padding --> 从padding显示背景;
content --> 从content显示背景;
flex-direction:row; 默认
flex-direction:row-reverse; 横向反向
flex-direction:column; 纵向
flex-direction:column-reverse;纵向反向