动画效果
格式:
@keyframes 动画名称{
from{
动画开始的效果
}
to{
动画结束的效果
}
}
animation:(动画名称 执行时间 执行速度 延迟时间 执行次数 )
1.音乐符
主要是采用缩放(scale)和动画(animation、@keyframes)相结合
效果图:
2、旋转图(旋转rotate和定位position里面的绝对定位absolute和相对定位relative)
注意:相对定位>绝对定位,是父与子关系
效果图:
3、360卫士图(采用位移translate、相对定位、绝对定位和背景图片位置的定位background-position)
效果图(正在位移中):