Angled border radius?
Hi, I am trying to recreate something, and am struggling to recreate the corner. They just did it with an svg, but I wanna do it with divs. How can I create the round corner thingy?
Current code (TSX & TWC):
<div className="w-4/6 h-[calc(100vh-14rem)] ml-28 flex flex-col items-end">
<div className="bg-[#3827c8] h-14 w-96 rounded-t-[3rem]"></div>
<div className="bg-[#3827c8] h-[calc(100%-3.5rem)] w-full rounded-l-[3rem] rounded-b-[3rem]"></div>
</div>
Current code (TSX & TWC):
<div className="w-4/6 h-[calc(100vh-14rem)] ml-28 flex flex-col items-end">
<div className="bg-[#3827c8] h-14 w-96 rounded-t-[3rem]"></div>
<div className="bg-[#3827c8] h-[calc(100%-3.5rem)] w-full rounded-l-[3rem] rounded-b-[3rem]"></div>
</div>
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Recent Announcements
Similar Threads
Was this page helpful?
