How to code this background-blending border-radius layout?
Hey,
To increase the image size, I tried
transform: scale(1.5). It seemed to kind of work, but I thought there should be a better way to do this. How would you approach this problem?
7 Replies
Extra images:
You could do something like this
https://codepen.io/tok124/pen/PoVBKmZ
Pseudo elements for decoration
Nice idea. What about the this part on desktop view?
Use the same idea.
Kevin also have a video about this kind of things
https://www.youtube.com/watch?v=khjVPkO35F0
Kevin Powell
YouTube
Creating an inverted border-radius with CSS
The other day on Twitter, @FlorinPop pulled me into a conversation, wondering how to create inverted, round corners. Mask-image was probably the easy answer, but after someone in the thread said that making an SVG mask felt like overkill, I had to try and see if I could think of an alternative way!
🔗 Links
✅ The original tweet: https://twi...