rounded-bl-xl: Tailwind CSS Border Radius class
The rounded-bl-xl class applies an extra-large rounding to the bottom-left corner of an element.
rounded-bl-xl
The rounded-bl-xl class applies an extra-large rounding to the bottom-left corner of an element. This creates a dramatic curve on that specific corner while leaving the other corners unaffected.
Example Code
html
<div class="flex flex-col justify-center items-center gap-2 p-3 rounded-t-md bg-blue-50"> <p class="text-gray-600 font-bold">Bottom-Left Corner Rounded Extra-Large</p> <div class="rounded-bl-xl bg-blue-500 p-4 w-36 text-white font-semibold"> rounded-bl-xl</div></div>Preview
Bottom-Left Corner Rounded Extra-Large
rounded-bl-xl
Windframe is a drag and drop builder for rapidly building tailwind css websites and UIs
Start building stunning tailwind UIs!
