css的animation动画,css选中盒子高亮添加特效

css的animation动画,css选中盒子高亮添加特效

1.动画由什么组成？ 动画由两部分组成：CSS动画的配置和一系列关键帧（用于描述动画的开始、过程和结束状态）。 CSS动画无需了解任何JS技术即可完成，从而可以从一种CSS样式配置转换为另一种样式配置。 动画由两部分组成：描述动画的样式规则以及指定动画的开始、结束和中点样式的关系。

animation-fill-mode43.010.016.09.030.0animation43.010.016.09.030.0什么是CSS动画？ 动画使元素逐渐从一种样式变为另一种样式。 您可以根据需要更改任意多个CSS属性。 CSS动画使得从一个CSS样式配置转换到另一个CSS样式配置成为可能。 动画由两部分组成：描述动画的样式规则和指定动画的开始、结束和中点样式的关键帧。 1.配置动画创建

属性描述CSS@keyframes指定动画。 3animationshorthandpropertyforallanimationproperties。 3animation-name指定@keyframeanimation的名称。 3animation-duration指定动画完成一个周期所需的时间animation-duration：动画的执行时间，如：animation-duration：4s；animation-iteration-count：动画执行的次数，如：animation-iteration-count：4，可以选择value：number或

⊙ω⊙ CSS中的动画属性可以对许多其他CSS属性进行动画处理，例如颜色、背景颜色、高度、宽度等。 当然，你需要为每个动画定义@关键帧CSS规则，并且动画需要首先调用这些@CSS动画，CSS动画需要指定一个动画周期的持续时间，以及动画效果的名称。 div:hover{animation:1srainbow;}上面的代码表示当鼠标悬停在div元素上时，会生成一个名为drainbow的动画效果。