6.1-di-yi-ge-transition.md

7.1 第一個 transition

一個元素有 A 狀態，有 B 狀態，而 A 狀態 到 B 狀態的過程，就叫做轉場(transition)。

以下的範例，轉場效果：

transition: border-radius 2s, width 2s, height 2s;

範例：大正方形 → 小圓形

{% embed url="https://codepen.io/carlos411/pen/GRPKWJg" %}