在网页设计中，动画效果能够提高用户体验，提高页面的交互性和视觉效果。而CSS可以轻松实现各种动画效果，包括过渡，变换，关键帧动画等等。下面将介绍一些常见的CSS动画效果。

/* 过渡效果 */
.box {
transition: all 0.3s ease;
}
.box:hover {
transform: scale(1.2);
}
/* 变换效果 */
.box {
transform: rotate(0deg);
}
.box:hover {
transform: rotate(360deg);
}
/* 关键帧动画 */
@keyframes move {
0% {
left: 0;
}
50% {
left: 50%;
}
100% {
left: 100%;
}
}
.box {
position: absolute;
animation: move 2s linear infinite;
}

以上代码实现了一个简单的过渡效果，当鼠标悬停在.box元素上时，它会缩放1.2倍。同时还有一个旋转变换效果，当鼠标悬停在.box元素上时，它会360度旋转。最后是一个关键帧动画效果，它将.box元素从左侧移到右侧。这些效果都非常简单，只需一些CSS属性和关键帧动画，就可以实现丰富的动画效果。