动画

时间:2017-05-27 13:15:55

标签: javascript jquery html css mobile

我有一个简单的动画,其中2个图像和1个div移动。 相关网站是:sociometric.me

问题是,当动画启动时,包含“sociometric.me”文本的div会关闭,并且由于问题发生在移动设备上,我无法检查DOM。 使用chrome时不会出现此问题,但iOS Safari和Android Default浏览器似乎会出现此行为。

以下是动画代码的一部分:

动画代码:

$(".logo-text").animate({
                left: "-=18em",
                top: "+=10em",
                opacity: "0"
            }, 3000, function () {});

的CSS:

 .logo-text {
    position: relative;
    bottom: 9em;
    -ms-transform: rotate(-39deg); /* IE 9 */
    -webkit-transform: rotate(-39deg); /* Safari */
    transform: rotate(-39deg);
    width: 14em;
    letter-spacing: 0.4em;
    font-family: GothicBold;
    margin: 0 auto;

} 

该网站主要用于移动设备,这就是为什么它在台式机上看起来很糟糕。任何有关这方面的帮助也表示赞赏......

0 个答案:

没有答案