CSS3的开门效果

最新推荐文章于 2024-07-17 16:51:52 发布

dfl2099

最新推荐文章于 2024-07-17 16:51:52 发布

阅读量782

点赞数

原文链接：http://www.cnblogs.com/qianjilou/p/6528958.html

版权

CSS3的开门效果

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>旋转的狗狗</title>
 6 <style type="text/css">
 7 div{
 8     width: 300px;
 9     height: 300px;
10     border: 1px solid blue;
11     overflow: hidden;
12     /*如果希望看到3D效果，则需要在父级元素添加一个perspective*/
13     perspective: 300px;
14 }
15     img{
16     transform-origin: left;
17     transition: all 2s;
18     }
19     img:hover{
20     /*transform: rotateX(180deg);
21     transform: rotateY(180deg);*/
22     transform: rotateY(45deg);
23     }
24 </style>
25 </head>
26 <body>
27     
28 </body>
29 <div><img src="./logo/gougou.jpg" alt=""></div>
30 </html>

开门效果

转载于:https://www.cnblogs.com/qianjilou/p/6528958.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

dfl2099

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
CSS3的开门效果

CSS3的开门效果 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>旋转的狗狗</title> 6 <style type="text/...
复制链接

扫一扫