The 3D text effect is one of the most used text effects in the web design world. Today we will be looking at one of the simplest and easy methods to create our text in a 3D look.
The liquid fill text animation can be done using CSS | ::before selector. We will use key frames to set height for each frame of animation. Please make sure you know about both CSS | ::before selector and CSS | @keyframes Rule before try this code.