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/