You can add a transition to elements display: block ;?

[Moises Arrona 3 Likes (Newbie)]

Hi guys I have a little question, can I add a transition by adding a display block to an element?

I'm using scrolltrigger, and I want some elements to take the value, "display: block;" It does, but it doesn't add a smoothness, or a transition

Can you add transitions by adding the "display: block, display: flex etc" property?

See the Pen NWpVxMM by MoisesA (@MoisesA) on CodePen

[OSUblake 18,452 Likes (Superhero)]

Hi Moises!

 

You cannot animate the display property. What should it be at 50% of the animation, inline-block or block? 

 

So it can't be animated, but you can do a Flip animation to make it appear seamless.

 

https://greensock.com/docs/v3/Plugins/Flip

 

 

[Moises Arrona 3 Likes (Newbie)]

8 minutes ago, OSUblake said:

Hi Moises!

 

You cannot animate the display property. What should it be at 50% of the animation, inline-block or block? 

 

So it can't be animated, but you can do a Flip animation to make it appear seamless.

 

https://greensock.com/docs/v3/Plugins/Flip

 

 

pretendía que en que la animación tuviera un efecto mas suavizado 
pero creo que con aniamción Flip se ayudara,
muchas gracias