Create Text Filling with Water Effect

In this post, I’ll show you how to make a ‘text filling with liquid’ effect. It can be used for preloaders, titles and such, but overall it’s a neat study of SVG effects in general. See the Pen SVG Text Filling with Water (with JS) by Lucas Bebber (@lbebber) on CodePen. Behind The Effect Before we delve into the code, let’s take a look at how the effect works. First, we need to make the wavy water effect. This can be accomplished by making a wavy graphic… …that can be repeated seamlessly… (Read more...)