让前端页面中的文字更加生动有趣

前言

有时候有些页面需要生动的表现力，我们不得不运用 SVG、CANVAS、CSS、WebGL等等技术来满足需求，笔者收集了一些富有生动表现力的字符串动画效果，里面涵盖以上技术来实现。只要你修改字符串就可以令整个页面增添不少气息，增加不少表现力。

WARNING 前方高能

屏幕录制2021-07-22 下午7.16.59.gif

完整代码

Netflix 奈飞电影熟悉的片头

屏幕录制2021-07-22 下午4.36.45.gif

完整代码

You Are My SunShine 你是我的阳光

屏幕录制2021-07-22 下午7.01.31.gif

完整代码

Hello Jue Jin 你好掘金

屏幕录制2021-07-22 下午4.54.35 (1).gif

完整代码

Hello World 你好程序员

屏幕录制2021-07-22 下午5.05.35.gif

完整代码

Enjoy the little things. 享受小事情/小幸福。

屏幕录制2021-07-22 下午5.24.07.gif

完整代码

Love what you do. 热爱你的工作。

屏幕录制2021-07-22 下午5.19.06.gif

完整代码

Dude, life is short. 老兄,人生苦短，且行且珍惜。

屏幕录制2021-07-22 下午5.32.47.gif

完整代码

Hello Girl 你好美女

屏幕录制2021-07-22 下午6.41.17.gif

完整代码

Cheers 干杯🍻

屏幕录制2021-07-22 下午6.52.17.gif

完整代码

Ocean 如果大海能够唤回曾经的爱

屏幕录制2021-07-22 下午7.22.05.gif

完整代码

My Name is LIZHENWEN 很高兴认识你

屏幕录制2021-07-22 下午7.28.57.gif

完整代码

NICE

屏幕录制2021-07-23 上午9.17.17.gif

完整代码

Hello Codepen

屏幕录制2021-07-23 上午9.29.44.gif

完整代码

Life is about sharing 生命在于分享 独乐乐不如众乐乐

屏幕录制2021-07-22 下午7.08.19.gif

完整代码

喜欢点个赞 ^_^

屏幕录制2021-07-22 下午7.37.34.gif