CSS Transitions: Не работает после того, как другой

У меня есть два CSS tranistions, как показано ниже (они оба покрывают страницу и затем соскальзывают, один за другим):CSS Transitions: Не работает после того, как другой

$('#div1').transition({ x: '-1500px', delay: 800 }, 1000); 
    $('#div2').transition({ x: '-1500px', delay: 1600 }, 1000);

первый работает отлично, но второй не делает. Естественно, я проверил все CSS и имена:

#div1 { 
    background-color: #000; 
    z-index: 99; 
    position:absolute; 
    width: 100%; 
    height: 100%; 
} 

#div2 { 
    background-color: #fff; 
    z-index: 90; 
    position:absolute; 
    width: 100%; 
    height: 100% 
}

Может ли кто-нибудь помочь мне? Благодаря!

источник

2012-06-22 MeltingDog

Umm, это не переход CSS, для получения информации о переходах CSS3 см.: Http://www.w3schools.com/css3/css3_transitions.asp –

какой эффект вы пытаетесь достичь? –

@DexterHuinda Im пытается иметь 2 divs покрывает экран, а затем сползает, один за другим – MeltingDog

Смотрите, если это эффект, который вы хотите: http://jsfiddle.net/Nr7nJ/

Я изменил цвет фона div2 на красный, так как браузер по умолчанию использует белый BG.

источник

2012-06-22 04:15:19

да, именно это я хочу .... и то, что я написал. Хм, его просто не работает для меня ... Я должен пересмотреть код – MeltingDog

CSS Transitions: Не работает после того, как другой

ответ

Смежные вопросы