Margin / Padding or CSS property animation

Community resources General
1

Hello.

I’m new here. My question is about animations.

I’m able to create triggered animations but I can’t find anywhere to create animations on specific CSS rules.

For example, I want to create an animation of the left margin of an element.

Since I already have a transition animation, I would like to animate the margin in order to not interfere with the existing X transition animation as when I do it results in a glitch.

Is there a way to create animations specific to CSS rules like margin, padding etc…?

Thank you.

Yas

2

Currently there is no way to do it. What you can do to not interfere with the existing animations is nest elements inside auxiliary divs that you will target instead.

3

Hey @dram that’s a brilliant fix! Will try it. Thank you!

4

All seasoned webflow animators are used to having several divs inside each other that serve as handles for different interactions modifying similar properties :smiley:

1 Like