Skip to content

Instantly share code, notes, and snippets.

@diviengine
Last active May 27, 2022 10:24
Show Gist options
  • Save diviengine/9376d2cf179bba506830086f03d37784 to your computer and use it in GitHub Desktop.
Save diviengine/9376d2cf179bba506830086f03d37784 to your computer and use it in GitHub Desktop.
.title-image-hover .et_pb_de_mach_title,
.title-image-hover .et_pb_db_product_title,
.title-image-hover .et_pb_df_title {
position: absolute; /* Move ontop of image */
top: 50%; /* Position in center vertically */
transform: translateY(-50%); /* Position in center vertically */
left: 0;
opacity: 0; /* Hide */
-webkit-transition: all 0.3s ease-in-out; /* Animation to fade in */
-ms-transition: all 0.3s ease-in-out; /* Animation to fade in */
transition: all 0.3s ease-in-out; /* Animation to fade in */
width: 100%
}
.title-image-hover:hover .et_pb_de_mach_title,
.title-image-hover:hover .et_pb_db_product_title,
.title-image-hover:hover .et_pb_df_title {
opacity: 1; /* make visible when you hover over the section */
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment