KPC
Kevin Powell - Community•5mo ago
jyotiogennavar

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•5mo ago
Pleae don't @ people to draw them into your post, it's part of the #📝rules
jyotiogennavar
jyotiogennavar•5mo ago
ok, sorry for that
clevermissfox
clevermissfox•5mo 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•5mo ago
Thanks for the reference. Will look into it
Want results from more Discord servers?
Add your server
More Posts
Text in a card shrinking to multiple lines at small screen sizes making the card look a messHow can I make I text in a card not shrink but fit well in small screen sizes like 375px? Because itHow do I go about learning site design?I am re-learning CSS (why I am here 😀 ), but how do others learn the how to of designing the generAnimation on Navigation BarHi guys, I am trying to create an animation similar to the one Kevin Powell made (refer to the attacNavigation Baris there a reason why flex: 1; dosent work on a ul tag when making a navigation bar? As soon as you Flex Grow not working on NavCan someone please tell me why my flex grow isnt working on my nav. I dont understand what im doing Is there a correct way to copy these containers?Sorry for that bad title, I created this basic container I wanted to know is there a correct way to How can I recreate this design?Hey there, Recently I was researching some cool portfolio design to make mine look better and I cameWhite line between my hero and main sectionsHi all, trying to build a website for my sister's business. Just making a couple prototypes for theBest practice for Hero Image Behind/Below TextAs seen in the Figma image, I'm trying to make a hero page with a responsive image based on screen sTHE BEST SECRET EVER:button{ all:unset; } now you can style your button however you want!