一个简单的css旋转动画效果的实现

我们可以通过CSS制作动画,我在这里展示的是div的旋转,颜色过渡的动画。

xml代码将内容复制到剪贴板。








一个{
文本对齐:中心;
行高:100px;
转换:所有2S;
宽度:100px;
身高:100px;
背景:粉红色;
浮点数:左;
边框半径:50%;
}
答:悬停{
转换:所有2S;
背景:红色;
转换原点:50 100;
变换:旋转(360deg);
边框半径:50%;

}



请将鼠标移动到下面的矩形:

两秒钟旋转360







自己测试的结果,很华丽哦!

以上是一个简单的CSS旋转动画效果的实现,是由萧边。我们希望能给你一个参考,希望你能支持它。