CSS Animations, Part 2

.img-overlay:hover { // Set the opacity opacity: .06; // Use the transition-delay transition // to delay when a transition starts transition-delay: .4s; // Add a transition-timing-function // to ease the transition out on hover transition-timing-function: ease-out; }

.img-fluid:hover { // Transform the img-fluid class with the scale function // This will scale the image on hover 1.1px from center transform: scale(1.1); }