CSS中的from关键字可以用于动画效果中。在CSS动画中，from关键字会告诉浏览器从哪个状态开始执行动画。下面是一个简单的CSS动画示例：

.box {
position: relative;
width: 100%;
height: 200px;
background-color: yellowgreen;
animation: changeColor 3s infinite;
}
@keyframes changeColor {
from {
background-color: yellowgreen;
}
to {
background-color: skyblue;
}
}

在这个例子中，我们定义了一个盒子的样式（.box）。通过使用@keyframes规则，我们定义了一个名为changeColor的动画，该动画将背景颜色从黄绿色变为天蓝色。

在动画的keyframes中，我们使用了from和to关键字。在此例中，from定义了动画的起始状态，也就是盒子的背景颜色是黄绿色。to关键字定义了动画的结束状态，也就是盒子的背景颜色是天蓝色。因为我们把animation属性设置为infinite，所以动画将重复无限次。

总结起来，from关键字在CSS动画中非常重要，他告诉浏览器从哪个状态开始执行动画。在使用CSS动画时，一定要考虑好起始状态和结束状态，这样才能实现良好的动画效果。