一文搞懂css 2D动画效果，面试时手撕代码
/* 定义一个简单的2D动画 */
@keyframes rotateAnimation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
/* 应用动画到一个元素上 */
.element {
width: 100px;
height: 100px;
background-color: blue;
animation: rotateAnimation 2s linear infinite;
}这段代码定义了一个名为rotateAnimation的关键帧动画，它可以使元素顺时针旋转360度。然后，.element类应用了这个动画，使得类名为element的元素在2秒内持续旋转。linear表示动画速度是均匀的，infinite表示动画无限次数循环播放。
评论已关闭