CSS信息框翻转

时间:2013-02-06 18:51:38

标签: css image rollover

我正在尝试使用图片创建一个简单的翻转,以显示提示或信息框/气泡。 我有一个div包装器,用于保存图像src,以及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/

感谢。

1 个答案:

答案 0 :(得分:0)

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