Made in Pixel Together

HOVERS

Copy this text into your "CUSTOM <HEAD> TAG CODE" section under your Site Settings to apply these hover effects

<style>

/* Speed of hover fade */
.overlay-text a, .linked-overlay .overlay-text, .linked-overlay .overlay-image {

-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}

/* Paragraph links */

.overlay-text a:hover {
opacity: 0.8;
}

/* Button links */

.linked-overlay .overlay-text:hover {
opacity: 0.8;
}

/* Image links */
.linked-overlay .overlay-image:hover {
opacity: 0.8 !important;
}

</style>

This is an example of some Hover Text.