Stretch Typo
See the Pen Stretch Typo by ilithya (@ilithya) on CodePen.
Stretch Typo
Description: 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.
Browsers: Chrome Edge Firefox Opera Safari
Made with: HTML (Pug) CSS (SCSS) JS (Babel)
Dependencies: splitting.js
Responsive:Yes
Posted: 27.01.2020