【JS30】Day05:Flex Panel Gallery

javascript 30day

目標:利用 flex 做面板特效

一、將主畫面排版

首先將主畫面排版完成,在各畫面( panel )的父層( panels )下display:flex
並在各畫面下flex:1,意思為平均分配多餘的空間。

二、處理字體效果

再來處理畫面中字體的特效,將畫面中的子元素下垂直水平置中,且為垂直排序。

使用技巧

  • transitionend Event
  • flexbox
【JS30】Day06:Ajax Type Ahead 【JS30】Day04:Array Cardio Day 1

評論

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×