CSS 信息框翻转答案

【问题标题】：CSS Info box rolloverCSS 信息框翻转
【发布时间】：2013-02-06 18:51:38
【问题描述】：

我正在尝试使用图像创建一个简单的翻转以显示提示或信息框/气泡。我有一个包含图像 src 的 div 包装器，以及用于样式/定位包装器和子级的 css。我只是不知道如何使 img src 具有交互性。这是html：

    <div class="wrapper">
        <img src="images/gallery/wheat3.png" width="250" height="250" data-stellar-ratio="3.5" data-stellar-vertical-offset="200">
    </div>

我想创建一个带有图像“wheat3.png”的翻转显示和旁边的信息框。

这里也是测试链接： http://hatfielddesign.com/witbier_test/

谢谢。

【问题讨论】：

标签： css image rollover

【解决方案1】：

查看您显示的测试链接的源代码，似乎他们使用Stellar.js 来实现此效果。阅读docs，他们可能会帮助你；）

【讨论】：

是的，我正在使用 Steller.js 来实现视差效果。