Designer
CMS
Ecommerce
Interactions
Memberships
Editor
Logic
SEO
Hosting
Security
Overview
Libraries
Apps
Hire a Certified Partner
Templates
Made in Webflow
Learn
Community
Ebooks
Forum
Blog
Support
LoginContact Sales
Get started — it's free
Made in Webflow

Expandable Cards Animation

Dilshad Khaliq's avatar
Dilshad Khaliq
Clone in Webflow441
site profile thumbnail
Open in Webflow
Open live site
Card Expand animation on Hover. Basically, we have two animations: -> The card expand animation is built using Hover State. -> Showing and moving arrow is built using webflow interaction. With the Javascript in page body tag, we can dim the none hover cards.
Open in Webflow
Open live site
cards
animation
hoveranimation
hovereffect
expandable
collapse
expandandcollapse
interactions
madeinwebflow
webflowexpert

More sites by Dilshad Khaliq

See profile
image-distortion-effect-using-threejs
108
396
Expandable Cards Animation
104
441
Liquid Button Effect on Hover In Webflow
97
534

Similar sites

author avatar
pong-animation
337
726
Ryan Miyoshi
author avatar
WebDev For You - Interaction #140
213
613
WebDev For You
author avatar
Andrea Ferran — Award-winning Director
1
Chris Godby
author avatar
Glowing Cards on Hover
352
1.8k
Dhruv Sachdev
author avatar
hoveecards
42
158
Wasi Mughal
author avatar
Smooth Cards Animation
22
24
Memberstack
Explore
  • Dashboard
  • Marketplace
  • Hire designers
Learn & get help
  • Support
  • University
  • Courses
  • Blog
  • Ebooks
  • Forum
  • Community
  • Developers
  • Wishlist
  • Status
Company
  • About
  • Careers
  • Sitemap
  • Become an Affiliate
Terms & policy
  • Terms of Service
  • Privacy policy
  • Cookie policy
  • Cookie preferences
Social
Social
Explore
  • Dashboard
  • Marketplace
  • Hire designers
Learn & get help
  • Support
  • University
  • Courses
  • Blog
  • Ebooks
  • Forum
  • Community
  • Developers
  • Wishlist
  • Status
Company
  • About
  • Careers
  • Sitemap
  • Become an Affiliate
Terms & policy
  • Terms of Service
  • Privacy policy
  • Cookie policy
  • Cookie preferences
Social
Social