在网站设计中，动画效果可以让用户感受到更加生动的交互体验，而图片飞入动画也是其中比较常见的一种。在CSS中，我们可以通过transition和transform属性来实现这一效果。

.img {
position: relative;
left: 0;
transition: left 1s;
}
.img:hover {
left: 200px;
}

以上代码中，我们首先设置图片的位置为相对定位，并且设置left属性为0，即图片初始位置为左侧。接着，我们通过transition属性设置left属性的变化时长为1s，即变化持续时间为1秒。最后，我们通过:hover伪类来设置鼠标悬浮在图片上时，使图片的left属性值变成200px，即让图片向右飞入200px位置。

如果我们想要让图片飞入时出现动画效果，可以使用transform: translateX()属性，如下所示:

.img {
position: relative;
transform: translateX(-100%);
transition: transform 1s;
}
.img:hover {
transform: translateX(0%);
}

以上代码中，我们同样设置图片的位置为相对定位，并通过transform属性将图片偏移到左侧，即-translateX(-100%)，而不是通过left属性设置位置。接着，我们同样设置transition属性为1s。最后，我们通过:hover伪类来设置鼠标悬浮在图片上时，使图片通过transform属性将偏移量变成0，即飞入到页面。

以上就是使用CSS实现图片飞入动画效果的两种方法，具体要根据实际需要使用哪种方式，更好地展示网页设计效果。