Skip to content

Instantly share code, notes, and snippets.

@Lysindr
Created October 15, 2019 10:07
Show Gist options
  • Save Lysindr/c8f1dc322ad934325f4ad5750e448317 to your computer and use it in GitHub Desktop.
Save Lysindr/c8f1dc322ad934325f4ad5750e448317 to your computer and use it in GitHub Desktop.
Fix for overflow: hidden with border-radius
.products-slider {
position: absolute;
top: 50%;
left: 50%;
width: 672px;
height: 672px;
border-radius: 50%;
overflow: hidden;
/* fixes for device. This need for correct work border-radius with overflow */
-webkit-mask-image: -webkit-radial-gradient(white, black);
/* fixes for device. This need for correct work border-radius with overflow */
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment