HTML5 旋转徽标

发布于 2024-12-03 12:41:23 字数 268 浏览 5 评论 0原文

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

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

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

谢谢, 红色的

I am trying to achieve a logo that spins around on a slight delay after page load. At the moment I am using this code pretty much exactly, however at the moment it works when the user flicks the image, as i said, I just want it to spin on load.

Total newbie at JS, I would do a jsFiddle, but am having trouble to get it to work at all in there. Can anyone help me out?

http://925html.com/files/html5logo/ < Current Code

Thanks,
Red

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

薄荷→糖丶微凉 2024-12-10 12:41:23

似乎你可以这样做:

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/

Seems you can do this:

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/

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文