Create and animate a custom button in @Webflow

Ding ding Time for a Snack 🥪

Another snack cooked with love by Balerein. In this video, we gonna see how to create a create and animate a custom button in @Webflow

Hope you enjoy it 😊

===

THE RECIPE

Set up the button:

.button-circle:

- 15rem/15rem radius50%
- flex-center/align-center
- position-relative

.wrapper-tittle

- auto
- position- absolute
- add a heading

.button-circle .is-overflow

add a different class to each .wrapper-tittle

- .is-one
- .is-two
- .is-three

Set an Animation on .button-circle

On-hover:

ON-hover-out

- keep the initial state ( remove the initial state set)
- delete the other ones

===

Le studio

===

===

#webdesign​​​​​​​​​​​​ #webdevelopment​​​​​​ #webflow​​​​​​ #productdesign​​​​​​ #adobexd

[emcquesten]

Great content, but this hard to follow on a YouTube short since the format is vertical, makes it hard to see what's going on.

[HORDERARII]

Nice tricks but why so small screen recordings? It's too hard to study it.

[dimitrisqq]

just make it a normal video, doesn't matter if it's short!

[mr.carter]

Probably could have helped if I had some instruction instead of music. I am trying to work. Not have a party. I am sure that you are a pro though. I look forward to seeing what else you have and if you post new content.