css能否实现图片自动旋转动画呢?答案当然是肯定的,
首先看下效果:
HTML代码
<img src="/image_search/src=http%3A%2F%%2Fthumb%2Fda6639c9%2F814ac8bc%2Ff0e92a5b%2Fedda1715%2Fbig_da6639c9814ac8bcf0e92a5bedda1715.jpg%3Fx-oss-process%3Dimage%2Fformat%2Cwebp%2Fsharpen%2C100&refer=http%3A%2F%&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1664442170&t=871f1b567489af230c54360543ab1626" class='img'><style>.img{display: block;width: 300px;margin: 200px auto;-webkit-animation: rotation 15s linear infinite;animation: rotation 15s linear infinite;}@keyframes rotation {0% {-webkit-transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);}}</style>
以上就是纯css实现图片自动旋转动画全文。