Красивые переходы между слайдами/страницами?

Question

[stasov1]

Всем привет, занимаюсь frontend не так давно, возник такой вопрос по поводу красивых переходы между слайдами/страницами-как это кто реализует? Просто мне в голову приходит только одна мысль, писать какие то анимации на css и потом в момент перехода js'сом добавлять нужные классы, а после анимации удалять их и так по кругу, так ли это? Может есть какие-то другие методы? Все высчитывать в js и добавлять инлайн стили? Немного потерялся в этом вопросе, хотя бы в какую сторону копать подскажите...
Спасибо.

Answer 1

[zuraavl]

Я обычно раздаю классы с помощью js.
Самое простое:

$("a.trs").click(function (e) {
          event.preventDefault();
          var linkLocation = this.href;
          $('body').addClass('load');
          setTimeout(redirectPage, 1000);

          function redirectPage() {
            window.location = linkLocation;
          }
        });

Но вроде не работало в мозиле. Ну и не получается конечно бесшовных переходов, если, разве что не сделать странице opacity: 0 в конце

Со слайдерами вообще все просто — использую один из самых простых slick и анимации пишу сам с помощью transform

Answer 2

[HamSter]

Вот тут можно примеры посмотреть

*искать - Эффекты переходов для страниц