当前位置：编程学习 > html/css >>

纯css 鼠标放上去图片旋转的代码



	鼠标放上去Div旋转特效代码,这是一个CSS3特效，IE下看不到效果。一个Div方框，在CSS3代码的作用下，只要把鼠标移上Div方框，方框就自动顺时针旋转。代码量不大，甚至有些简单，作为一个基础的CSS3实例，我想还是比较不错的，有一定参考价值。可以自由在层里面填写文字或者图片.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CSS3旋转</title>
<style>
.rotate {
width: 100px;
height: 100px;
background: #92B901;
-webkit-transition: -webkit-transform 2s;
}
.rotate:hover {
-webkit-transform: rotate(360deg);
}
</style>
</head>
<body>
<div class="rotate"> <a href="http://www.zhaoxi.net/make/13696/"><img width="100" height="100" alt="红色背景黄色杠杠网店logo标志素材" src="http://www.zhaoxi.net/images/mymake/2015/3/201503091758175819.gif" /></a> </div>
</body>
</html>

上一个：mysql数据库多少数据才考虑拆分数据表table
下一个：CSS3火焰效果文字特效DEMO演示

更多图片编程知识: