CSS中的animation属性为开发者提供了一种动态改变元素样式的方法。在前端开发中，增加页面动态效果能够提高用户体验，而animation属性正是实现这一目的的有效手段。

.example {
animation: move 2s linear infinite;
}
@keyframes move {
0% {
transform: translateX(0);
}
50% {
transform: translateX(100px);
}
100% {
transform: translateX(0);
}
}

在上面的代码中，我们定义了一个名称为move的关键帧动画，并将它应用到了一个class名为example的元素上。该元素在2秒钟内沿着X轴向右移动100像素，再回到起始位置的动画效果。

animation的属性值由四个属性组成。第一个属性为动画名称，对应定义的关键帧动画名称。第二个属性为动画时长，以秒为单位。第三个属性为动画速度曲线，决定动画过程中元素的移动速度。第四个属性为动画播放次数，默认为1次，可设置为infinite表示无限次播放。

总之，CSS中的animation属性提供了给元素增加动态效果的能力，对于打造出更具吸引力和优秀用户体验的网站来说，是一个必不可少的强大利器。