首页 >web前端 >html教程 >CSS旋转图片_html/css_WEB-ITnose

CSS旋转图片_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 11:34:561179浏览

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、实现结果


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

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn