Skip to content

Instantly share code, notes, and snippets.

@availit

availit/gist:fe868ee679653cf93b03ed0a7b2a143e

Forked from ayamflow/gist:b602ab436ac9f05660d9c15190f4fd7b
Last active October 23, 2018 21:04
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save availit/fe868ee679653cf93b03ed0a7b2a143e to your computer and use it in GitHub Desktop.
Save availit/fe868ee679653cf93b03ed0a7b2a143e to your computer and use it in GitHub Desktop.
Download ZIP
Safari border-radius + overflow: hidden + CSS transform fix
Raw
gistfile1.css
// Add on element with overflow
-webkit-mask-image: -webkit-radial-gradient(white, black);
// or translate3d
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment