 |
VOOZH | about |
|
VOOZH | about |
Bootstrap 5 Border-radius offers consistent and responsive control over element roundness. With predefined classes, it allows easy customization, providing sleek and modern designs. From sharp corners to smooth curves, it enhances visual appeal effortlessly
Border-radius is used to set the radius of the border on an element. The border-radius classes easily add the rounded corners
Border-radius used Classes:
| Class Name | Description |
|---|---|
| rounded | Makes all corners rounded of an element. |
| rounded-top | Makes the top corners rounded of an element. |
| rounded-end | Makes the right-side corners rounded. |
| rounded-bottom | Makes the bottom corners rounded of an element. |
| rounded-start | Makes the left-side corners rounded. |
| rounded-circle | Makes the element appear as a circle. |
| rounded-pill | Makes the element appear as a pill shape. |
Syntax:
<div class="rounded">
Content
</div>Example 1: In this example, will add all border radius classes on image elements to see their effects.
Output:
Example 2: In this example, will add all border radius classes on div elements to see their effects.
Output:
