<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .logo { text-align: center; margin-top: 100px; } @-webkit-keyframes rotation { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } .Rotation { -webkit-transform: rotate(360deg); animation: rotation 8s linear infinite; -moz-animation: rotation 8s linear infinite; -webkit-animation: rotation 8s linear infinite; -o-animation: rotation 8s linear infinite; } .img { border-radius: 200px; } </style> </head> <body> <div class="logo"> <img class="Rotation img" src="http://cdn.jingqueyun.com/turntable/image/theme/theme2/turntable-outer-bg2.png" width="128" height="128"/> </div> </body> </html>
原文：https://www.cnblogs.com/supery007/p/9383847.html