MorphingBackgroundShapes
A decorative website background effect where SVG shapes morph and transform on scroll.
Install / Use
/learn @codrops/MorphingBackgroundShapesREADME
Morphing Background Shapes
A decorative website background effect where SVG shapes morph and transform on scroll.
This demo is kindly sponsored by HelloSign API.
Credits
- anime.js by Julian Garnier
- scrollMonitor.js by Stu Kabakoff
- imagesLoaded by David DeSandro
- Images copyright by Jim Lepage. Purchase here: Abstract Paint Remix, Vol. 1
- Fonts: Nexa Bold by Fontfabric and Roboto Mono by Christian Robertson.
- SVG shapes made with Inkscape
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, Facebook, Google+, GitHub, Pinterest, Instagram
Related Skills
node-connect
349.7kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
109.7kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
openai-whisper-api
349.7kTranscribe audio via OpenAI Audio Transcriptions API (Whisper).
qqbot-media
349.7kQQBot 富媒体收发能力。使用 <qqmedia> 标签，系统根据文件扩展名自动识别类型（图片/语音/视频/文件）。
