html 加载图像时将图像从零放大到全尺寸

j91ykkif 于 2022-11-20 发布在其他

关注(0)|答案(3)|浏览(139)

我正在随机放置一个气泡的图像，我想通过将图像从零放大到全尺寸来模拟制作气泡的效果。我使用CSS transform:scale();，但我想在加载图像时触发动画。

3条答案

您可以在影像完成载入时加入类别，并在CSS中指定适当的transition和transform规则。
第一个

这里有两种不需要jQuery的方法。
这种方式更可取：
第一个
并且这可以在图像数量有限时使用：
第一个

您可以尝试onload()函数来执行某些仅在加载某些内容时发生的任务。
即：

$('img').on('load',function(){
   alert('image loaded');
}