Rounded

Use our different classes to change the border-radius of your elements.

Rounded

You can round any content using the .rounded- class.

.rounded-0

.rounded-1

.rounded-2

.rounded-3

.rounded-4

.rounded-full

Rounded on specific corners

You can round any corner of an element. To make it, use the following classes :

Description Class name Possible values
Top left corner radius .rounded-tl{value} 0 | 1 | ... | 4 or full
Top right corner radius .rounded-tr{value} 0 | 1 | ... | 4 or full
Bottom right corner radius .rounded-br{value} 0 | 1 | ... | 4 or full
Bottom left corner radius .rounded-bl{value} 0 | 1 | ... | 4 or full

Example :