CSS3中可以使用@keyframes規(guī)則來創(chuàng)建動畫，從而實現(xiàn)圖片從旁邊飛入的效果，以下是一個示例代碼：

@keyframes image-fly-in {
  0% {
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.image-container {
  position: relative;
  width: 200px;
  height: 200px;
}
.image-container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  animation: image-fly-in 2s ease-in-out;
}

在上面的代碼中，我們定義了一個名為image-fly-in的動畫，該動畫將圖片從左側（translateX(-100%)）移動到右側（translateX(0)），并在移動過程中逐漸顯示（opacity: 1），我們將該動畫應用到圖片上，并設置動畫持續(xù)時間為2秒，緩動函數(shù)為ease-in-out。

需要注意的是，在使用CSS3動畫時，需要確保元素的定位正確，并且動畫的持續(xù)時間、緩動函數(shù)等參數(shù)需要根據(jù)具體需求進行調(diào)整，還需要注意瀏覽器兼容性問題，確保動畫能夠在目標瀏覽器中正常播放。