Skip to content

Latest commit

 

History

History
executable file
·
29 lines (17 loc) · 1.34 KB

2020-09-25-2d.transfer.3d.md

File metadata and controls

executable file
·
29 lines (17 loc) · 1.34 KB
layout title tags
post
2D 文字快速转 3D 效果的开源牛逼项目
其他

大家好,我是你们的章鱼猫。

今天跟大家推荐一个好玩的工具 Ztext,它能够自动的将 2D 的字体直接转换为 3D 的效果,非常的炫酷。

image-20200925224311706

只需将项目中的 ztext.min.js 导入到你的项目中,就可以轻松实现你想要的效果。如下:

image-20200925224517256

除了可以转换字体,其他的表情包、图片也是可以转换成 3D 的效果的。

image-20200925224610307

大概的实现原理是,在原有的 HTML 增加重叠层形成对应的效果。更多的详情小伙伴们可以 clone 代码研究哦。

image-20200925224754603

通过以下网站可查看到 2D 转 3D 的更多例子:https://bennettfeely.com/ztext/

更多项目详情请查看如下链接。

开源项目地址:https://github.com/bennettfeely/ztext