css中如何调取动画 |手机端代码css 字体大小

/*定义关键帧*/
@keyframes anim {
from { transform: rotate(0deg); }
to   { transform: rotate(360deg); }
}
/*调用动画*/
.element {
animation: anim 2s linear infinite;
}

首先需要定义一个关键帧，使用@keyframes关键字定义。其中from用于定义动画起始状态，to用于定义动画结束状态。可以根据需要定义任意多个关键帧。

定义完关键帧之后，就可以在CSS样式中使用animation属性调用动画。使用animation-name属性指定调用的关键帧名称，这里是anim。使用animation-duration属性指定动画持续时间，这里是2秒；animation-timing-function指定动画变化速度类型，这里是线性；animation-iteration-count指定动画重复次数，这里是无限循环。

还可以使用一些其他的属性，例如animation-delay指定动画延迟时间、animation-fill-mode指定动画执行前后的元素状态等。具体属性请参考MDN CSS动画文档。

总而言之，使用CSS调用动画需要定义关键帧，再通过animation属性对元素进行调用，从而实现动态效果。