以下內容為個人平日觀看CodePen上的作品
留存一些覺得不錯的網頁素材經過整理後而成
文章內容將不定期更新
本篇彙整關於「文字方面」的網頁素材
I work with ... (動態循環顯示自己設定好的文字)
https://codepen.io/handsomeone/pen/jBNrry
Glitch Hover Effect
http://codepen.io/jlnljn/pen/XjmpPX
Magic Mathpad 🎩✨⚖📝 (類似手寫出來的文字)
http://codepen.io/tomhodgins/pen/zKNBEE
Thriller Movie Typewriter Text Effect (動態自動打字)
http://codepen.io/dudleystorey/pen/WGrWQO
Word Counter (記錄打了多少字、單字、語句)
http://codepen.io/lalwanivikas/pen/gMLQoz
pbwwjA (字幕轉換效果)
https://codepen.io/spacedino/pen/pbwwjA
SelfType.js (動態打字動畫，可針對文字進行設定，例如:Repeat、Play...等)
http://codepen.io/lmenus/pen/eZOYXo
Transmission: Glowing Text Animation (文字動畫)
http://codepen.io/StephenScaff/pen/oLBqmw
Names Loader (許多字串往上循環推移的動畫)
http://codepen.io/juliosgarbi/pen/JKYrwZ
NorthernLight Text (文字動畫-北極光文字)
http://codepen.io/golle404/pen/QELGRV
Random Text React Component (將各個字母動態拼接成一個句子)
http://codepen.io/MityaDSCH/pen/pbapwN
Text Effect - Mystique (文字動畫)
http://codepen.io/jhnsnc/pen/Egyjbo
i know a way out of here (文字動畫)
http://codepen.io/citizenwoodward/pen/bwGoox
Text Case Changer (將輸入的英文字轉換成以下幾種格式: Lowercase、Sentence Case、Title Case、Uppercase)
http://codepen.io/tomhodgins/pen/jrVbbq
Sing along with the bouncing ball (類似KTV歌詞的文字動畫)
http://codepen.io/danwilson/pen/YWRYmW
CSS clip-path hover animation (滑鼠移動到各段文字上會有不同文字效果)
http://codepen.io/SoufianeLasri/pen/RGKKRZ
如果這篇文章有幫助到你，想支持一下作者可以幫忙點擊側欄的「 Goolgle AdSense 」廣告 😄
如果你喜歡這篇文章可以點擊「分享」按鈕，來分享到你的網路社群
(以上文章內容如有謬誤，敬請不吝指教)