How to build new Hero grid designs
I have seen these new Hero designs in Dribble and Pinterest. How would you develop something like this
4 Replies
Pleae don't @ people to draw them into your post, it's part of the #đź“ťrules
ok, sorry for that
There’s a few videos on inverted border radii but depends what’s on the bg: if it’s a solid colour it’s easy. ClipPath is my go to: you can even use radial gradients
https://youtu.be/khjVPkO35F0?si=O-22-zJzZ0-cRSHt
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...
Thanks for the reference. Will look into it