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
