在CSS中，from是指動畫從哪里開始。它通常與to配對使用，表示動畫從from到to的過程。如果只定義一個值，則會默認to為屬性的初始值。

/* 定義從0%到100%的顏色漸變 */
@keyframes gradient {
from {background-color: red;}
to {background-color: blue;}
}

上面的代碼片段定義了一個從紅色到藍色的背景色漸變動畫。其中from設置為紅色，to設置為藍色，表示動畫從紅色開始，到藍色結束。

from的另一個常見用法是與transform配合使用，實現一個元素的動態變形效果。

/* 定義元素從原始大小變大兩倍的動畫 */
@keyframes scale {
from {transform: scale(1);}
to {transform: scale(2);}
}

上面的代碼片段定義了一個元素從原始大小變大兩倍的動畫。from設置為scale(1)，表示動畫從原始大小開始，to設置為scale(2)，表示動畫到變大兩倍結束。

from在動畫中的作用非常重要，它決定了動畫的起始狀態，幫助我們實現更加生動的交互效果。