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

一个简单的css旋转动画效果的实现
我们可以通过CSS制作动画,我在这里展示的是div的旋转,颜色过渡的动画。

xml代码将内容复制到剪贴板。
一个{
文本对齐:中心;
行高:100px;
转换:所有2S;
宽度:100px;
身高:100px;
背景:粉红色;
浮点数:左;
边框半径:50%;
}
答:悬停{
转换:所有2S;
背景:红色;
转换原点:50 100;
变换:旋转(360deg);
边框半径:50%;

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

两秒钟旋转360

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

以上是一个简单的CSS旋转动画效果的实现,是由萧边。我们希望能给你一个参考,希望你能支持它。
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部