Image Shapes:

1. Rounded Corners

Rounded corners refer to the visual effect of smoothing the corners of an element, typically achieved through CSS properties or frameworks like Bootstrap, enhancing aesthetics and reducing sharpness.

Example:

 <img src="tumblr.jpg" class="img-thumbnail" alt="Cinque Terre">

Output:

2. Circle:

A circular image in Bootstrap is achieved by applying the “rounded-circle” class, creating a rounded shape resembling a circle.

Example:

 <img src="tumblr.jpg" class="img-thumbnail" alt="Cinque Terre">

Output:

3.Thumbnail:

The .img-thumbnail class shapes the image to a thumbnail:

Example:

 <img src="tumblr.jpg" class="img-thumbnail" alt="Cinque Terre">

Output: