第23话：神迹 - CSS 漫画大冒险

红海分开 (Transition)

🧑‍🦱

Young David (少年大卫):
神迹不是瞬间发生的（那是 Flash），它有一个过程 (Transition)。
我们要定义这个过程需要多长时间。

THE RED SEA (Hover Me)

transition: all 2s;

荆棘火焰 (Keyframes)

🧑‍🦱

Young David (少年大卫):
要让神迹持续发生，我们需要动画 (Animation)。
就像电影胶卷一样，定义关键帧 (Keyframes)。

🌳

@keyframes burn {
    from { color: orange; }
    to { color: red; }
}

杖变蛇 (Transform)

我们可以改变物体的形状、角度、大小。

(Hover over the staff)

transform: rotate(90deg) scale(2);