STRETCH TYPO

Author:

  • ilithya
  • January 27, 2020

Made with:

  • HTML (Pug) / CSS (SCSS) / JS (Babel)

About the code:

This is a nice and pretty Stretch Typo Effect, with mobile support, to experiment with different mix-blend-modes in CSS while having a masked galaxy photo in the background. Move your mouse or drag your finger to stretch the typo and stop the animation. Click the black banner or your right/left arrow keys to switch the CSS mix-blend-mode, and experience the different effects with the masked galaxy photo. Headline is editable, so place your cursor in the text and type anything else you’d like.

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

Responsive: Yes

Dependencies: splitting.js

Download Demo and Code

Add a Comment

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