JS30-Day5-Flex Panels - iT 邦幫忙 - iThome

今天進入JS30的第五天，今天將透過非常酷炫的畫面特效，來認識CSS3中的Flex屬性。

[1] 實作連結首先在作者給的範例當中，我們可以看到頁面被分成了五個區塊，分別包含不同背景以及文字。

當我們按下其中的任一區塊，該區塊的寬度會增加，並且裡面的字體會放大，再次按下則會恢復原本的樣貌。

而轉換時的動畫特效就是使用第二天所學到的transform及transition的CSS屬性。

要精準的使用flex屬性，我們就需要了解其兩個重要的特性：Flexible Box Layout Module以及