Как сделать анимацию при открытии страницы?

Question

[zuraavl]

Иногда наблюдаю эффект - нажимаешь например на пост блога, его картинка плавно выезжает в центр, все остальное исчезает и загружается новая страница. Вопрос - как делаются такие анимации?

Answer 1

[asdz]

Здесь и здесь подробно описано

Comments

[Чёкатилло]

выручило Спасибо

Answer 2

[Денис Инешин]

1. При клике на ссылку, событие прехватывается JS.
2. Навешивается какая-либо анимация
3. По её окончанию или по таймеру, выполняется переход по ссылке через объект window.location.

Answer 3

[zuraavl]

Вот работающий скрипт:

$(".menu a").click(function(e){
    event.preventDefault();
    $( ".hero" ).addClass( "side" );
    var href = $(this).attr('href');
    setTimeout(function () { 
      document.location.href = href;  
  
    }, 2000);
})