将鼠标悬停在数字上并更改图标题？

Question

我正在关注本教程：http://tympanus.net/codrops/2013/06/18/caption-hover-effects/。一步一步地进去，所以我知道我在做什么。我很惊讶地发现这种效果都是用css完成的。

无论如何，我在cs-style3

中遇到了这个问题

.no-touch .cs-style-3 figure:hover figcaption,
.cs-style-3 figure.cs-hover figcaption {
    opacity: 1;
    transform: translateY(0px);
    transition: transform 0.4s, opacity 0.1s;
}

什么是.cs-hover？我搜索这是一种特殊的css3事情吗？因为它不是文件中的一个类。我无法让它发挥作用。

我正在试图将鼠标悬停在图形/ img上，并且假设figcaption向上滑动。

我正在考虑尝试数字：悬停figcaption {}但这不起作用

Answer 1

在演示页面上有很多例子。作者使用.cs-style-“数字”类来区分不同的风格。

这意味着您应该将类​​添加到代码中，就像上图中的检查器一样。我希望这会对您有所帮助，否则请发表评论，我们会看看能否为您提供进一步的帮助

Answer 2

如果您浏览代码，则会看到它们包含<script src="js/toucheffects.js"></script>。这个脚本说：

  

//触摸设备：触摸时将类cs-hover添加到数字中   项目