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 Webflow412
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
104
385
Expandable Cards Animation
98
412
Liquid Button Effect on Hover In Webflow
91
464

Similar sites

author avatar
pong-animation
336
723
Ryan Miyoshi
author avatar
WebDev For You - Interaction #140
211
609
WebDev For You
author avatar
Glowing Cards on Hover
343
1.7k
Dhruv Sachdev
author avatar
hoveecards
41
156
Wasi Mughal
author avatar
Smooth Cards Animation
20
22
Memberstack
author avatar
Modern Card Hover Animation
37
266
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