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度旋转

 

posted @ 2017-03-10 09:15  千机楼  阅读(169)  评论(0)  编辑  收藏  举报