CSS動畫圖片大小設置

在CSS中，我們可以使用transform屬性來設置圖片的大小，以下是一個簡單的例子：

img {
  animation: myanimation 5s infinite;
}
@keyframes myanimation {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(2);
  }
  100% {
    transform: scale(1);
  }
}

在這個例子中，圖片會進行一個循環(huán)的大小變化，從原始大小（scale(1))開始，到放大兩倍（scale(2))的位置，然后再回到原始大小，這個動畫會持續(xù)5秒，并且會無限循環(huán)。

如果你想要讓圖片逐漸放大，然后逐漸縮小，你可以調(diào)整關鍵幀的位置，

img {
  animation: myanimation 5s infinite;
}
@keyframes myanimation {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(2);
  }
  100% {
    transform: scale(0);
  }
}

在這個例子中，圖片會放大到兩倍大小，然后逐漸縮小到完全消失，這個動畫會持續(xù)5秒，并且會無限循環(huán)。