Непрозрачность переход DIV

Fade in and out elements with css3's transition - Не работаетНепрозрачность переход DIV

Я на index.php и когда я просто иду на index.php?a=1, DIV показывает вверх, вот что я хочу, но это выглядит не профессионально, если он просто выпрыгивает ,

Есть ли возможность использовать переходы CSS3, чтобы сделать объект невидимым и в течение очень короткого периода времени сделать его видимым?

источник

2013-06-02 Rik Telner

вы хотите, чтобы исчезнуть во всей странице с переходом? или только один div? –

Только один div. Но если вы могли бы поделиться и для сайта = P, это может быть полезно. –

ОК, см. Мой ответ. –

div{ 
    width:100px; 
    height:100px; 
    background:#ccc; 
    -webkit-animation: fade-in 2s; 
} 

@-webkit-keyframes fade-in { 
    from { 
     opacity:0; 
    } 
    to { 
     opacity:1; 
    } 
}

источник

2013-06-02 13:53:25

Именно то, что я искал! Благодаря! Я буду считать его лучшим ответом, как только система позволит мне это сделать. (1 минута) –

@RikTelner все работает нормально? Спасибо, за одобрение! ;) –

Абсолютно 100%, что я хотел! Благодарю. –

Попробуйте задержку перехода. Я думаю, это то, что вы ищете.

http://www.w3schools.com/cssref/css3_pr_transition-delay.asp

источник

2013-06-02 13:45:31

Я изменил код. Но пользователь должен нависнуть над DIV. Я хочу, чтобы это было сделано автоматически. http://jsfiddle.net/bfhZ8/, вам нужно нависнуть над ним. –

Вы можете попробовать с ключевыми кадрами: http://www.w3schools.com/css3/css3_animations.asp –

Непрозрачность переход DIV

ответ

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