电脑鼠标未放上实际效果:
电脑鼠标放上以后转动实际效果:
transition: all 2.0s;表明全部的特性转换在2秒内进行;
transform: rotate(360deg);表明照片转动360度。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF⑻">
<title></title>
<style>
img{
border: #000 solid 2px;
display: block;
margin: 50px auto;
border-radius: 50%;
transition: all 2.0s;
}
img:hover{
transform: rotate(360deg);
}
</style>
</head>
<body>
<img src="img/03.jpg" />
</body>
</html>
以上便是本文的所有內容,期待对大伙儿的学习培训有一定的协助,也期待大伙儿多多适用脚本制作之家。