css 悬停时淡入/淡出图像标题。

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 悬停时淡入/淡出图像标题。相关的知识,希望对你有一定的参考价值。

/* Hide Title, Add Transitions */
.envira-gallery-item-inner .title { 
   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 Title when hovering over gallery image */
.envira-gallery-item-inner:hover .title { opacity: 1; }

以上是关于css 悬停时淡入/淡出图像标题。的主要内容,如果未能解决你的问题,请参考以下文章

jQuery在悬停时更改(带有淡入淡出动画)div的背景图像

CSS 过渡 - 仅在悬停时淡入淡出元素

在 CSS 悬停事件中,我可以使用淡入淡出更改另一个 div 的样式吗?

带有“淡入淡出”/悬停效果的产品图像,这会导致图像移位

在列表项悬停时更改图像时添加淡入/淡出效果的问题

jQuery:鼠标悬停时淡入图像,鼠标移出时淡出