Written on May 27, 2022
Make your signature look awesome by making them animated just like you are writing them on the spot.
CSS is a powerful tool in the web development space. You can do many awesome things on your website without ever touching Javascript. Plus it is more performant in terms of animation and transitions compared to when you manually create animation codes in Javascript.
In this example, we animated a simple SVG to make it look like you are writing your handwriting on the website itself.
We can achieve this by using the dash-offset CSS style and changing its value using the animation feature of CSS too. Combining these two styles, you can have a line that seemingly fills itself up.