【前端案例】transform 实现图像旋转
2020-10-28 本文已影响0人
itlu
实现图片旋转
<style>
img {
position: absolute;
top: 10px;
left: 100px;
width: 300px;
border: 1px solid #ccc;
border-radius: 50%;
cursor: pointer;
transition: all linear 30s;
}
img:hover {
left: 460px;
transform: rotate(360deg);
}
</style>