HTML5旋转徽标

时间:2011-09-06 23:01:31

标签: jquery html5 css3 graphical-logo

我正在尝试在页面加载后实现一个稍微延迟旋转的徽标。目前我正在使用这段代码,但是当用户轻弹图像时,正如我所说,我只是希望它在加载时旋转。

JS的新手,我会做一个jsFiddle,但我很难让它在那里工作。任何人都可以帮助我吗?

http://925html.com/files/html5logo/<现行守则

谢谢, 红色

1 个答案:

答案 0 :(得分: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/