在 CSS 中,大家可以使用transition属性来设置图片的过渡或动画效果。该属性可以设置图片从一种样式平滑过渡到另一种样式的时间和方式。
下面是一个pre标签中的 CSS 代码实例:
img { transition: all 1s ease-in-out; } img:hover { transform: scale(1.1); }
以上代码实现了鼠标悬停在图片上时,图片会放大 10% 的效果,并且在放大时有一个 1 秒的过渡效果,过渡效果使用 ease-in-out 方式,看起来更加平滑自然。
总的来说,使用 CSS 设置图片的显示时间可以让网页更加美观,吸引用户眼球,让用户在使用时感到更加愉悦。在实际应用中,大家可以根据不同的设计需求,设置不同的过渡效果以及时间,来实现更多样化的网页设计效果。