這裡記錄我學習網站開發的筆記歡迎交流 (ゝ∀・)b
沒有動畫效果的 Web Apps 不是說不好,但就是在完整度上少了一點什麼。如果可以適當添加一些動畫效果,除了可以讓網站看起來更加用心,也可以吸引使用者持續瀏覽。本文會介紹前端加入動畫效果的幾種方式,包含 CSS Transitions、CSS Animations,以及 Framer Motion 這套動畫效果 Library。
最近在使用 Quasar CLI 開發專案,裡面有許多已經做好的元件可以使用,但是它所提供的元件是層層包裝好的,有些元件的 CSS 樣式甚至使用 important 還是難以覆寫或修改。這邊要介紹在 Quasar Framework 之中該如何強硬地修改 CSS 樣式,來客製化 Quasar 提供的元件。
本文介紹如何透過 CSS 來製作出打字動畫與閃爍游標,這個效果用在專案上可以添增一些亮點,視覺效果還滿不錯的,一起來試試看吧!
自己計算元素的寬高真的很麻煩,很怕不小心漏算了 1 px,讓畫面不整齊…還好有盒模型幫我控制元素的各種寬高,使用過的都說讚,我也已經回不去了!