javascript - 需要有关 jquery image caption 的建议

Question

http://www.zurb.com/expo

多年来，我一直在寻找这样的标题。但我希望该字幕的背景 fe 不透明。 50%，然后悬停在 90% 和半脉冲文本效果上。你能帮我吗？

Answer 1

根据您的浏览器支持，这可以是 accomplished using CSS animations (example) .

h2 {
    background: rgba(0, 0, 0, 0.5);
}

.image:hover h2 {
    background: rgba(0, 0, 0, 0.8);
    -moz-animation: 2s ease 0s normal none infinite pulse;
    -webkit-animation: 2s ease 0s normal none infinite pulse;
}

@-moz-keyframes pulse {
  0% { color: #000 }
  50% { color: #FFF }
  100% { color: #000; }
}

@-webkit-keyframes pulse {
  0% { color: #000 }
  50% { color: #FFF }
  100% { color: #000; }
}

如果您需要较旧的浏览器支持，而不是 RGBA，请使用具有 alpha 透明度的 PNG 背景图像和 jQuery animate()而不是 CSS 动画。