LoginGet started — it’s free
Made in Webflow

Cloneable, animated custom accordion — Webflow University

Clone in Webflow2.1k
Webflow University's avatar
by Webflow University
5.5k
site profile thumbnail

Description

There are a number of ways to create a custom accordion in Webflow. This can simply be done using HTML elements (found in the Add panel) to create the accordion, adding style to those elements with the Style panel, and bringing your accordion to life with animations using Interactions. In this lesson, we'll walk through how to create a custom accordion using the Dropdown element. Learn here → https://university.webflow.com/lesson/create-a-custom-accordion

Feeling inspired?

If this Made In Webflow site sparked some inspo, why not get started on a project of your own? Clone a site, purchase a template or start building from scratch.
webflowuniversityaccordionaccordionsaccordionarrowdropdownmenucustomanimationix2ix2menuinteractions

More by Webflow University

See profile
View details
Cloneable, custom horizontal scroll interaction
146
1.5k
© 2022 Webflow, Inc. All rights reserved.