https://github.com/codrops/morphingpagetransition

A simple morphing page transition effect where an SVG path gets morphed into another while the current page moves up.
https://github.com/codrops/morphingpagetransition

Last synced: 3 months ago
JSON representation

A simple morphing page transition effect where an SVG path gets morphed into another while the current page moves up.

• Host: GitHub
• URL: https://github.com/codrops/morphingpagetransition
• Owner: codrops
• Created: 2017-08-08T07:50:43.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2017-08-08T07:50:59.000Z (over 8 years ago)
• Last Synced: 2025-07-06T11:47:53.746Z (7 months ago)
• Language: HTML
• Homepage: https://tympanus.net/codrops/?p=31976
• Size: 931 KB
• Stars: 182
• Watchers: 9
• Forks: 51
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Morphing Page Transition

A page transition where one SVG path is morphed into another.

![Morphing Page Transition](https://tympanus.net/codrops/wp-content/uploads/2017/08/MorphingPageTransition_Featured.jpg)

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

[Demo](https://tympanus.net/Development/MorphingPageTransition/)

This demo is kindly sponsored by [PageCloud](https://goo.gl/rdSoMC), the website builder you'll love to use.

## Credits

- [anime.js](http://anime-js.com/) by Julian Garnier

- Images by [Unsplash.com](http://unsplash.com)

- [Charming.js](https://github.com/yuanqing/charming) by Yuan Qing

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

- [Black Grunge set](http://www.freepik.com/free-vector/black-grunge-set_1165653.htm) by Freepik

- [City Skylines](http://www.freepik.com/free-vector/city-skylines_787669.htm) by Freepik

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