css动态小图片 |css p标签向后移

button:hover{
background-image: url(hoverImage.jpg);
}
button{
background-image: url(normalImage.jpg);
}

除了在:hover伪类中使用不同的背景图片，CSS动态小图片还可以通过使用CSS3中的transition属性来实现平滑过渡的效果。例如，在鼠标放在图片上时，图片会从原始尺寸缩小到80%的尺寸：

img:hover{
transition: all 0.5s ease;
transform: scale(0.8);
}
img{
width: 200px;
height: 200px;
}

在这个例子中，大家使用了transition属性来指定一个过渡动画，然后使用transform属性来设置图片缩小的比例。大家也可以使用其他的CSS3属性，例如opacity、rotate等来实现更加丰富的动态效果。