Can I apply a CSS transition to the overflow property?

by

There are many properties that can’t be transitioned. overflow is among them; the render engine has no idea how to transition between “hidden” and “shown”, because those are binary options, not intervals. This is the same reason why you can’t transition between display: none; and display: block; (for example): there are no in-between phases to use as transitions.

You can see a list of properties you can animate here on Mozilla Developer Network.

More Related Contents:

  1. Using CSS for a fade-in effect on page load
  2. CSS3 background image transition
  3. css3 transition animation on load?
  4. CSS 3 slide-in from left transition
  5. CSS Animation and Display None
  6. Transition background-color via slide animation
  7. How can I transition width of content with width: auto?
  8. Simulating transform-origin using translate
  9. Using CSS transitions in CSS Grid Layout
  10. How to prevent Webkit text rendering change during CSS transition
  11. Pure CSS scroll animation
  12. CSS3 transition on click using pure CSS
  13. Two-tone background split by diagonal line using css
  14. Expand div from the middle instead of just top and left using CSS
  15. CSS transition with visibility not working
  16. CSS transition auto height not working [duplicate]
  17. Animating max-height with CSS transitions
  18. CSS how to make an element fade in and then fade out?
  19. How can I transition height: 0; to height: auto; using CSS?
  20. How to transition CSS display + opacity properties
  21. CSS3 Transition – Fade out effect
  22. CSS3 Transform affecting other elements with chrome/safari
  23. Does Internet Explorer support CSS transitions?
  24. Delay mouseout/hover with CSS3 transitions
  25. when scaling an element with css3 scale, it becomes pixelated until just after the animation is complete. I’m animating an element with a border
  26. CSS transition between left -> right and top -> bottom positions
  27. CSS transition fade in
  28. Image moves on hover when changing filter in chrome
  29. Why does enabling hardware-acceleration in CSS3 slow down performance?
  30. Turning off Twitter Bootstrap Navbar Transition animation

Leave a Comment