CSS3狗狗的360度旋转

狗狗的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>
狗狗的360度旋转
【推广】 免费学中医，健康全家人
原文地址：https://www.cnblogs.com/qianjilou/p/6528948.html