Transitions

CSS transitions allows you to change property values smoothly (from one value to another), over a given duration.

3D Hover 

                    
                      <a class="btn btn-primary transition-3d-hover" href="#">.transition-3d-hover</a>

Zoom Hover 

                    
                      <div class="overflow-hidden rounded-lg-pseudo">
                        <a class="card shadow-none min-h-270rem bg-img-hero gradient-y-overlay-lg-dark transition-zoom-hover" style="background-image: url(../assets/img/480x320/img28.jpg);" href="#">
                        </a>
                      </div>