// Add on element with overflow | |
-webkit-mask-image: -webkit-radial-gradient(white, black); |
@elvinn thanks for the explanation. I was able to just use the position:relative approach, which is much cleaner. I really appreciate the explanation, too. Now the fix makes all the sense in the world.
Still, stupid Safari is the only browser that needs this fix in the first place.
The Best!
This solved the problem I've been struggling with for the past few hours. Thank you!
Legend!
OMG! Thank you!
Thanks! :)
Thanks
thanks!
You sir, are like a wizard. Thank you.
Works, great. Thank you!
Working, thank you
thank's a lot it works perfectly fine, blows my mind
xoxoxoxo
Thx sir! I think what I doing wrong
Thanks, this issue was driving me crazy!
this solution seems to help to a degree. It makes the line slightly thinner but I'm still seeing a border with overflow hidden.
div {
position:relative;
width:200;
height:200;
background: #781728;
border-radius: 100%;
overflow: hidden;
-webkit-mask-image: -webkit-radial-gradient(#6CB3A9, #6CB3A9);
top:40;
left:90}
Awesome!
Thanks!