https://github.com/codrops/SmoothScrollingImageEffects

A small set of ideas on animating images and other elements while smooth scrolling a page.
https://github.com/codrops/SmoothScrollingImageEffects

css demo javascript layout smooth-scrolling

Last synced: about 2 months ago
JSON representation

A small set of ideas on animating images and other elements while smooth scrolling a page.

• Host: GitHub
• URL: https://github.com/codrops/SmoothScrollingImageEffects
• Owner: codrops
• Created: 2019-07-23T10:57:27.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2020-01-29T21:27:31.000Z (over 4 years ago)
• Last Synced: 2024-06-14T06:37:46.372Z (3 months ago)
• Topics: css, demo, javascript, layout, smooth-scrolling
• Language: JavaScript
• Homepage: https://tympanus.net/codrops/?p=42459
• Size: 1.46 MB
• Stars: 333
• Watchers: 9
• Forks: 70
• Open Issues: 4
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Smooth Scrolling Image Effects

A small set of ideas on animating images and other elements while smooth scrolling a page.

![Smooth Scrolling Image Effects](https://tympanus.net/codrops/wp-content/uploads/2019/07/SmoothScrollingEffects_featured.jpg)

[Article on Codrops](https://tympanus.net/codrops/?p=42459)

[Demo](http://tympanus.net/Development/SmoothScrollingImageEffects/)

## Credits

- [TweenMax](https://greensock.com/tweenmax) by Greensock

- [imagesLoaded](https://imagesloaded.desandro.com/) by Dave DeSandro

- Images by [Frankie Cordoba](https://www.instagram.com/byfoul/), [Unsplash profile](https://unsplash.com/@byfoul)

## 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 2019](http://www.codrops.com)