Maison >interface Web >tutoriel HTML >CSS旋转图片_html/css_WEB-ITnose
CSS旋转图片_html/css_WEB-ITnose
- WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBoriginal
- 2016-06-24 11:34:561195parcourir
CSS旋转图片
1、实现源码
<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> <div id="body_div" style="text-align:center; vertical-align:middle;"> <img src="cat.jpg" id="div_img" style="max-width:90%" style="max-width:90%" alt="CSS旋转图片_html/css_WEB-ITnose" > </div> 2、实现结果
版权声明：本文为博主原创文章，未经博主允许不得转载。
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：前端项目结构设计精细方案_html/css_WEB-ITnoseArticle suivant：css3动画怎么定位_html/css_WEB-ITnose