1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>旋转的风车</title> 6 <style type="text/css"> 7 @keyframes fengche{ 8 form{ 9 transform: rotate(0deg); 10 } 11 12 to{ 13 transform: rotate(360deg); 14 } 15 } 16 17 .feng{ 18 display:block; 19 width: 300px; 20 height: 300px; 21 margin: 100px auto; 22 animation: fengche 5s linear infinite; 23 } 24 </style> 25 </head> 26 <body> 27 <img src="fengche.jpg" alt="风车" class="feng"> 28 </body> 29 </html>