css - CSS 信息框翻转

Question

我正在尝试使用图像创建一个简单的翻转以显示提示或信息框/气泡。我有一个包含图像 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/

谢谢。

Answer 1

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