ExpandingGridItemAnimation
Grid item animation based on the Dribbble shot "Surf Project" by Filip Slováček.
Install / Use
/learn @codrops/ExpandingGridItemAnimationREADME
Expanding Grid Item Animation
A product item animation where the background of a grid item expands and the product image scales up. Based on the Dribbble shot Surf Project by Filip Slováček.

This demo is kindly sponsored by Storyblocks.
Credits
- anime.js by Julian Garnier
- imagesLoaded by Dave DeSandro
- Guitar icon by iconnice
- Guitar vector designed by Freepik
- Patterns by Pixel Buddha
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
347.0kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
107.8kCreate 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
347.0kTranscribe audio via OpenAI Audio Transcriptions API (Whisper).
qqbot-media
347.0kQQBot 富媒体收发能力。使用 <qqmedia> 标签,系统根据文件扩展名自动识别类型(图片/语音/视频/文件)。
