Jump to content
GreenSock

Moises Arrona

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

Recommended Posts

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

Link to comment
Share on other sites

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

 

 

  • Thanks 1
Link to comment
Share on other sites

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

  • Like 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×