旋转图片CSS代码

2018-07-20 来源：open-open

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
    <html xmlns="http://www.w3.org/1999/xhtml">  
    <head>  
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
    <title>CSS旋转图片</title>  
    <style type="text/css">  
        #div_img{  
            margin: 100px auto 0;  
            transform:rotate(30deg);  
            -moz-transform:rotate(30deg);  
            -webkit-transform:rotate(30deg);  
            -o-transform:rotate(30deg);  
            filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);  
        }  
    </style>  
    </head>  
      
    <body style="width:99%; height:100%;">  
       <div id="body_div" style="text-align:center; vertical-align:middle;">  
            <img src="cat.jpg" id="div_img" width="500" height="400"/>  
       </div>  
    </body>  
    </html>

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点！
本站所提供的图片等素材，版权归原作者所有，如需使用，请与原作者联系。

上一篇:这个Python类用于获取代码执行时间

下一篇:找出所有链接的python脚本

最新资讯

热门推荐