-
-
Save ayamflow/b602ab436ac9f05660d9c15190f4fd7b to your computer and use it in GitHub Desktop.
// Add on element with overflow | |
-webkit-mask-image: -webkit-radial-gradient(white, black); |
Thank you!
🙏🏻
<3
❤️
=*
♥♥♥♥♥♥♥♥♥♥♥♥
You saved my day! ❤️
❤️
♥♥♥♥♥♥♥♥♥♥♥♥
❤️
Thank you!
❤️
❤️
❤️
Thanks!
❤️
@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!
❤️
How can I buy you a beer!?
Thank you! Also works for me in Chrome.
Thanks a lot man...
Not all heroes wear capes
isolation: isolate;
fixes this issue. isolation property works in all browsers.
Demo: https://codepen.io/thebazel/pen/NWeYgRm
thank you so much <3