HTML5旋转徽标

Question

我试图实现一个标志，旋转后，页面加载略有延迟。目前我使用这个代码非常准确，但是当用户点击图片时，我只是想让它在加载时旋转。

完全是JS的新手，我会做一个jsFiddle，但在那里我有麻烦让它工作。有人能帮我吗？

http://925html.com/files/html5logo/ <当前代码

谢谢你，瑞德

Answer 1

似乎你可以做到这一点：

YUI().use('transition', function (Y){
                    Y.one('#logo').transition({
                        transform    : 'rotateY(' + 360 + 'deg)',
                        duration    : 2,
                        easing        : 'ease-out'
                    }, function(){
                        this.setStyle('webkitTransform', 'rotateY(0deg)');
                    });

            });

http://jsfiddle.net/HFFDR/