0

我正在关注本教程：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 应该向上滑动。

我正在考虑尝试 figure:hover figcaption{} 但这也不起作用

4

2 回答 2

0

在演示页面上有很多示例。作者使用 .cs-style-"number" 类来区分不同的样式。

在此处输入图像描述

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

于 2013-09-05T16:00:09.597 回答
0

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

// 对于触摸设备：在触摸项目时向图形添加类 cs-hover

于 2013-09-05T16:06:07.633 回答