MASKING PATH ANIMATION

Author:

  • Envato Tuts+
  • February 14, 2018

Made with:

  • HTML / CSS

About the code:

Sometimes simple is just as effective as complex. I’m a huge fan of typography and in this example by Steven Sinatra an SVG mask is used to help isolate the text and animate it in place. A fun approach that can be used for those well-known hero sections.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: –

Download Demo and Code Tutorial

Add a Comment

Your email address will not be published. Required fields are marked *