Images
Styles for image thumbnails and hover effects.
Thumbnail
<img src="assets/img/club-workspace.jpg" alt="..." class="img-thumbnail">Color
Add .img-color to colorize an image on hover.
<figure class="img-color d-inline-block">
<img src="assets/img/club-workspace.jpg" alt="..." class="img-fluid">
</figure>Overlay
Add .img-overlay and .img-hover to
create an overlay effect on hover.
View Project
<figure class="img-overlay d-inline-block">
<img src="assets/img/modern-room.jpg" alt="..." class="img-fluid">
<div class="img-hover">
<p class="img-text">View Project</p>
</div>
</figure>Rising
Add .img-rising to create a rising hover effect.
<figure class="img-rising d-inline-block">
<img src="assets/img/sofa-cat.jpg" alt="..." class="img-fluid">
</figure>Scale
Add .img-scale and .img-wrap to scale an
image on hover.
<figure class="img-scale d-inline-block">
<div class="img-wrap">
<img src="assets/img/modern-kitchen.jpg" alt="..." class="img-fluid">
</div>
</figure>