網頁前端 - 滑鼠點擊特效

5 月 16, 2024

--

特效一

很簡單的實現,缺點是會影響點兩下的文字選取功能

完整網頁程式碼

原理

滑鼠點擊產生一個 div 像這樣 <div class="clickEffect">,然後定義 clickEffect 的 CSS 產生動畫效果

--

RippleButtons.js

將 ripple.js 放在 </body> 前即可,對連點兩下選取影響很小,而且可以對 <a> 和 <button> 產生波紋特效動畫

--

Anime.js Fireworks canvas

煙火特效,非常華麗,放在比較輕鬆、生活類的網頁很適合

--

結論

放在工作的網頁,一整天都有點擊特效還是無法使用,最後全都移除了 🤣🤣🤣

--

 240 total views,  4 views today

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。