CSS3 animation是一种非常流行的前端技术，它可以通过多种方式实现动画效果，其中位移效果也是非常实用的。具体来说，通过CSS3 animation可以实现元素在页面中的移动效果，这一点在制作网页时非常有用。

/* 代码示例 */
.box {
position: relative;
animation-name: slidein;
animation-duration: 3s;
}
@keyframes slidein {
from {
left: 0;
}
to {
left: 100px;
}
}

在上面的代码示例中，我们通过CSS3 animation实现了一种从左到右的位移效果。我们首先定义了一个名为.box的元素，为了使它能够有动画效果，我们设置了animation-name属性，将其设置为我们定义的名为slidein的动画。同时，我们通过animation-duration设置动画的时长为3秒，使动画效果更加舒适自然。

在定义动画时，我们通过@keyframes来定义动画过程。在这里，我们通过from和to来设置元素的起始和结束状态，在这里我们设置元素的左侧距离从0变化到100px，从而实现了从左到右的位移效果。

总的来说，CSS3 animation是一种非常实用的前端技术，通过灵活运用位移效果，可以使网页更加炫酷动感，同时也能为用户带来更好的使用体验。