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
No description
4 Replies
Jochem
Jochem•10mo ago
Pleae don't @ people to draw them into your post, it's part of the #đź“ťrules
jyotiogennavar
jyotiogennavar•10mo ago
ok, sorry for that
clevermissfox
clevermissfox•10mo ago
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...
jyotiogennavar
jyotiogennavar•10mo ago
Thanks for the reference. Will look into it
Want results from more Discord servers?
Add your server