Rafael Fu w3rafu
tomhodgins
/ scalable-hype.html
Last active
December 6, 2020 21:51
paste this into the <head> of your Hype animation to enable scaling repsonsiveness
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- Add EQCSS --> | |
| <script src=https://cdnjs.cloudflare.com/ajax/libs/eqcss/1.5.0/EQCSS.min.js></script> | |
| <style> | |
| /* Scope the Hype animation container */ | |
| @element '[id*=_hype_container]' { | |
| $this { |
ohiosveryown
/ change-class-on-scroll.html
Last active
May 9, 2024 16:56
Vanilla JS – change/add class based on scroll position.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // https://codepen.io/cmykw/pen/gemxJm | |
| // layout | |
| <nav/> | |
| // style | |
| <style> | |
| body { min-height: 200vh; } | |
| nav { |