CSS旋转图片_html/css_WEB-ITnose

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="/static/imghw/default1.png" data-src="cat.jpg" class="lazy" id="div_img"    style="max-width:90%"  style="max-width:90%" alt="CSS旋转图片_html/css_WEB-ITnose" >   </div>

2、实现结果

版权声明：本文为博主原创文章，未经博主允许不得转载。