css旋转图片
1、实现源码
<!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" style="max-width:90%" style="max-width:90%"/ alt="CSS旋转图片_html/css_WEB-ITnose" > </div></body></html>2、实现结果
立即学习“前端免费学习笔记（深入）”；
版权声明：本文为博主原创文章，未经博主允许不得转载。
