QuitExams

W3.CSS Image Classes

W3.CSS provides classes to style images easily with responsive, rounded, circular, and shadow effects.

1️⃣ Responsive Image (w3-image)

Makes the image scale nicely to the parent element.

<img src="https://www.quitexams.com/assets/logo.png" class="w3-image example-img">

2️⃣ Rounded Image (w3-round)

Adds slightly rounded corners to the image.

<img src="https://www.quitexams.com/assets/logo.png" class="w3-round example-img">

3️⃣ Circular Image (w3-circle)

Makes the image circular.

<img src="https://www.quitexams.com/assets/logo.png" class="w3-circle example-img">

4️⃣ Bordered Image (w3-border)

Adds a border around the image.

<img src="https://www.quitexams.com/assets/logo.png" class="w3-border example-img">

5️⃣ Hover Shadow (w3-hover-shadow)

Adds a shadow effect when hovering over the image.

<img src="https://www.quitexams.com/assets/logo.png" class="w3-hover-shadow example-img">