Jquery 如何创建与浏览器类似的动画元素http://metalab.co/projects/swivl/?

如何像在浏览器上一样创建跟随浏览器的动画元素

我试着查看这些html代码，但在保存ipad背景图像的div上只有一个过渡。

---

我一直无法找出css/js是什么导致了这种效果，使ipad转向并跟随访问者鼠标位置（左右平移）

您可以通过在mousemove上设置元素的transform属性来实现这一点

像这样：

var $window = $(window),
    $box = $('#box')
    rotation = 0;

$window.on('mousemove', function(event){    
    rotation = (event.pageX/$window.width()*90) - 45;
    $box.css('transform', 'perspective( 600px ) rotateY(' + rotation + 'deg)');
});

请参阅

它将工作在最新的铬和ff。请注意，您可以为转换属性（-webkit-，-moz-…）使用浏览器前缀。这取决于您支持的浏览器