css 在悬停时显示带有过渡效果的标题。

Posted 2021-05-13

/* Hide Caption, Add Transitions */
.envira-gallery-item-inner .caption { 
   opacity: 0; 
   -webkit-transition: opacity 0.5s ease;
   -moz-transition: opacity 0.5s ease;
   -o-transition: opacity 0.5s ease;
   transition: opacity 0.5s ease;
}

/* Show Caption when hovering over gallery image */
.envira-gallery-item-inner:hover .caption { opacity: 1; }