1.1 圆角
-
水平半径和垂直半径
-
单一语法
-
border-top-left-radius:水平半径 垂直半径
-
-
复合写法
-
border-radius:水平半径。。。/垂直半径。。。
-
1.2 动画
-
创造动画
-
@keyframes 动画名称{ from{} to{} } from指的起点 to指的是终点
-
@keyframes 动画名称{ 0%{} 。。。。。 100%{} }
-
-
使用动画
-
单一
-
动画的名字:animation-name
-
动画的时间:animation-duration
-
动画的延迟时间:animation-delay
-
运动曲线:animation-timing-function
-
动画的播放次数:animation-iteration-count 写几就是运动几次 infinite:循环运动
-
动画的方向:animation-direction
-
normal
-
reverse
-
alternate
-
alternate-reverse
-
-
播放状态:animation-play-state
-
paused:暂停
-
running:运动
-
-
-
复合:animation
-
注意事项:写了2个时间前者为运动时间,后者为延迟时间
-
-