旋转图片CSS代码

原创

用户7718188

修改于 2021-11-02 11:10:29

4.1K0

修改于 2021-11-02 11:10:29

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;

    <html xmlns="http://www.w3.org/1999/xhtml"&gt;

    <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>  </pre>

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

登录后参与评论

0 条评论

热度

旋转图片CSS代码

旋转图片CSS代码

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐