引导层,例子说明 1在绘画区画一个圆 2在时间轴上第一祯单击右键,创建补间动画 3在第25祯安F6插入关键祯, 4单击时间轴下方的左起第二个按钮,在图层上访创建一个引导层 5在引导层上用钢笔绘制一条路径 6单击图层一的第一关键帧,选中图形拖到路径的一个端点 7在单击另一个关键祯,把图形拖到引导线另一端 8用enter查看效果<pre t="code" l="css">animation-fill-mode : none | forwards | backwards | bothnone：不改变默认行为。forwards ：当动画完成后，保持最后一个属性值（在最后一个关键帧中定义）。backwards：在 animation-delay 所指定的一段时间内，在动画显示之前，应用开始属性值（在第一个关键帧中定义）。both：向前和向后填充模式都被应用。ball2{
position: absolute
height: 60px
width: 60px
left: 60%
top: 50%
transform: translate(-50%,-50%) rotate(0)
background-color: #ddd
border-radius: 50%
transform-origin: -116.7% 50%
-webkit-animation: rotate 3s linear infinite
text-align: center
}
#ball2:hover {
???
}
@-webkit-keyframes rotate {
to {
-webkit-transform:translate(-50%,-50%) rotate(1turn)
}
}
