Skip to content

Instantly share code, notes, and snippets.

@fysherman

fysherman/overflow-hidden-with-animation.css

Created October 26, 2021 15:14
Show Gist options
  • Save fysherman/a619d088faf7f4c61fc390339893411c to your computer and use it in GitHub Desktop.
Save fysherman/a619d088faf7f4c61fc390339893411c to your computer and use it in GitHub Desktop.
Download ZIP
Safari: Apply overflow hidden on parent element when its child is running animation
Raw
overflow-hidden-with-animation.css
.parent {
overflow: hidden;
backface-visibility: hidden;
transform: translate3d(0, 0, 0);
}
.child {
/* Has animation */
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment