How to generate this using css
i have tried setting border radius to : border-radius: 48% 48% 0% 0% / 10% 9% 10% 10%; but i am not able to match exact and does look right, the ends are not sharp in mine. codepen would be helpful 🙂
6 Replies
explain more the first one is what you do and the second one is what you want get
@Pat66 its the footer background, like its curvy
you should use clip path not border-radius
check this https://www.youtube.com/watch?v=ybW7yUbOHN8
CSS Weekly
YouTube
Creative Section Breaks Using CSS Clip-Path
Learn how to use CSS clip-path and Clip Path editor in Firefox DevTools to create beautiful, fluid section breaks, dividers, and separators.
🔗 Links
Demo: https://codepen.io/ZoranJambor/pen/vYjKoOw/d375ef391d10cc4f4219ae82419d27bc
Clip-Path on MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path
Clip-Path Converter: https://yoksel.g...
@Pat66 thanks for the resource i will look into it
👍