https://github.com/codrops/scrollinglettersanimation
A switching title effect where a fixed element changes depending on the scroll position.
https://github.com/codrops/scrollinglettersanimation
animation css effect intersection-observer javascript scrolling typography
Last synced: 7 months ago
JSON representation
A switching title effect where a fixed element changes depending on the scroll position.
- Host: GitHub
- URL: https://github.com/codrops/scrollinglettersanimation
- Owner: codrops
- Created: 2018-02-12T12:04:55.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2018-02-12T12:05:14.000Z (about 8 years ago)
- Last Synced: 2025-07-06T11:47:40.154Z (7 months ago)
- Topics: animation, css, effect, intersection-observer, javascript, scrolling, typography
- Language: HTML
- Homepage: https://tympanus.net/codrops/?p=33990
- Size: 1.18 MB
- Stars: 233
- Watchers: 12
- Forks: 49
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Scrolling Letters Animation
A switching title effect where a fixed element changes depending on the scroll position.
[Article on Codrops](https://tympanus.net/codrops/?p=33990)
[Demo](http://tympanus.net/Development/ScrollingLettersAnimation/)
## Credits
- Hand-drawn skull set by [Freepik](https://www.freepik.com/free-vector/set-of-hand-drawn-skulls_1389312.htm)
- Images made from the ["Flight" Collection](https://creativemarket.com/RuleByArt/468537-Flight) copyright by [RuleByArt](https://rulebyart.com/)
- Images by [Unsplash.com](https://unsplash.com/)
- [anime.js](http://anime-js.com/) by Julian Garnier
- [imagesLoaded](http://imagesloaded.desandro.com/) by Dave DeSandro
- [Charming.js](https://github.com/yuanqing/charming) by Yuan Qing
## License
This resource can be used freely if integrated or build upon in personal or commercial projects such as websites, web apps and web templates intended for sale. It is not allowed to take the resource "as-is" and sell it, redistribute, re-publish it, or sell "pluginized" versions of it. Free plugins built using this resource should have a visible mention and link to the original work. Always consider the licenses of all included libraries, scripts and images used.
## Misc
Follow Codrops: [Twitter](http://www.twitter.com/codrops), [Facebook](http://www.facebook.com/codrops), [Google+](https://plus.google.com/101095823814290637419), [GitHub](https://github.com/codrops), [Pinterest](http://www.pinterest.com/codrops/), [Instagram](https://www.instagram.com/codropsss/)
[© Codrops 2018](http://www.codrops.com)