鼠标滑过图片(文字)旋转变大:

鼠标滑过图片(文字)旋转变大:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
.divone{
margin-top: 200px;/*向下移动*/
width: 100px;
height: 100px;
/*background-color: purple;背景色*/
color: purple;/*字体颜色*/
}
.divone:hover{
color: #11A9CC;/*字体颜色运行改变*/
transform: rotate(360deg)scale(3,3);/*旋转和放大*/
transition-duration: 5s;/*运行时间*/
}
</style>
</head>
<body>
<center>
<div class="divone">
<img src="img/ic_4.jpg" width="100px" height="100px"/>
可以加图加字
</div>
</center>
</body>
</html>

阅读更多

没有更多推荐了,返回首页