我可以使用PNG作为此水动画的遮罩而不是<text>标签吗？
Pat*_*ick 6 css jquery animation greensock gsap
所以我发现了这个令人惊奇的codepen动画,它通过<text>标签使用(GSAP我想)为任何文本提供"水填充"效果.
Codepen截图如下
点击此处获取CODEPEN
我的问题:我如何使用.PNG图像而不是HTML文本来实现相同的结果？
例如
而不是当前的代码:
<text id="text" transform="matrix(1 0 0 1 -8.0684 116.7852)" font-family="'Cabin Condensed'" font-size="161.047">LOADING</text>
我当时希望做更多的事情
<img src="LOADING.png" id="text" transform="matrix(1 0 0 1 -8.0684 116.7852)" width="569" height="186">
加载.PNG IMG的示例可以使用:( 与<img>上面的代码片段相同的尺寸)
谢谢你的帮助!不是最好的这个东西,并希望使用效果!
如果效果更好,这是上面发布的png文件的SVG:imgh.us/loadingpng.svg
