jquery - 如何通过 jQuery 和 css 3 创建一个 rotateY 动画

Question

我想通过 jQuery 和 CSS 3 创建一个介绍页面，就像本网站中的内容一样:<强> milaadesign.com .
但我不知道如何实现它。

我知道我必须有一些元素，当鼠标悬停事件发生时，我必须旋转它并在其中显示图像。

我想我必须使用 RotateY() transform CSS 3和 jQuery 来制作动画。

您对此有何想法，您知道实现此目的的 jQuery 插件吗？

Answer 1

我会使用这个插件:http://ricostacruz.com/jquery.transit/它可以满足您的所有需求。

这是一个代码示例:

$('.box').transition({
    perspective: '100px',
    rotateY: '180deg'
});

应该很容易定制以完全按照您的意愿行事。