Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/codrops/SegmentEffect

Background image segment effect as seen on [Filippo Bello's Portfolio](http://www.filippobello.com/portfolio).
https://github.com/codrops/SegmentEffect

Last synced: about 1 month ago
JSON representation

Background image segment effect as seen on [Filippo Bello's Portfolio](http://www.filippobello.com/portfolio).

Host: GitHub
URL: https://github.com/codrops/SegmentEffect
Owner: codrops
Created: 2016-09-21T11:23:13.000Z (about 8 years ago)
Default Branch: master
Last Pushed: 2017-04-06T07:25:32.000Z (over 7 years ago)
Last Synced: 2024-08-02T12:22:57.939Z (4 months ago)
Language: HTML
Size: 875 KB
Stars: 540
Watchers: 27
Forks: 119
Open Issues: 2
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

awesome-web-effect - SegmentEffect - Background image segment effect as seen on [Filippo Bello's Portfolio]. (🚀 A series of exquisite and compact web page cool effects / Background Decoration)
fucking-awesome-web-effect - SegmentEffect - Background image segment effect as seen on [Filippo Bello's Portfolio]. (🚀 A series of exquisite and compact web page cool effects / Background Decoration)

README

        # Segment Effect

Background image segment effect as seen on [Filippo Bello's Portfolio](http://www.filippobello.com/portfolio).

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

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

## License

Integrate or build upon it for free in your personal or commercial projects. Don't republish, redistribute or sell "as-is". 

Read more here: [License](http://tympanus.net/codrops/licensing/)

## Credits

*   Inspired by the effect seen on [Filippo Bello's Portfolio](http://www.filippobello.com/portfolio)

*   Animations powered by [anime.js](http://anime-js.com/), the easy-to-use JavaScript animation library by Julian Garnier.

*   We're using [imagesLoaded](http://imagesloaded.desandro.com/) by Dave DeSandro.

*   The images used in the demos are from [Unsplash.com](https://unsplash.com/)

## Misc

Follow Codrops: [Twitter](http://www.twitter.com/codrops), [Facebook](http://www.facebook.com/pages/Codrops/159107397912), [Google+](https://plus.google.com/101095823814290637419), [GitHub](https://github.com/codrops), [Pinterest](http://www.pinterest.com/codrops/)

[© Codrops 2016](http://www.codrops.com)