2016年年的中秋節前夕,那時我在前往Web Development的途中,技術上剛學到CSS Animation 為了練習 CSS Animation,於是我想說可以做一個跟中秋節相關的小作品~
於是經過一週的努力,一隻可愛的玉兔站在明亮的月亮前,手持杵槌搗著藥,背景點綴著幾顆流星和蓄勢待發的小火箭😆
其中技術上比較特別的地方是:
- RWD的部分我是用CSS的vmax & vmin做的,用這樣得方式兼容電腦版跟手機版!
- 為了讓畫面上的元件size能夠在電腦/手機上按照比例縮放,所以有嘗試使用了rem去進行切版,並且根據電腦/手機切換rem的font-size定義,而不是統一使用px
這是我學習路上的一個小小里程碑,也是一段很有趣的回憶🥰 希望這樣一個小作品,能為你帶來一點點中秋的溫暖與歡樂!
- Home - MoonFestival
- Rabbit
- Rocket
- Shooting Star