狗狗的360度旋转
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>旋转的狗狗</title> 6 <style type="text/css"> 7 img{ 8 border: 2px solid blue; 9 border-radius: 50%; 10 transition: all 1s; 11 } 12 img:hover{ 13 /*transform: rotateX(180deg); 14 transform: rotateY(180deg);*/ 15 transform: rotate(180deg); 16 } 17 </style> 18 </head> 19 <body> 20 21 </body> 22 <img src="./logo/gougou.jpg" alt=""> 23 </html>