​​Анимация сайта. 
Сегодня расскажу какие бывают анимации и где их использовать, начнём с простого:

1) анимация при наведении 
Это та анимация, которая срабатывает, когда ты наводишь курсором на ссылку, записывается обычными средствами css
@media (min-width: 992px){   
  &:hover{
   }
 }

2) keyframes анимация 
Тут уже больше возможностей и есть где разгуляться фантазии. Благодаря keyframes можно делать покадровую анимацию элемента, задавать задержку, продолжительность, тип... Знаю отличный и понятный урок по keyframes тык

3) анимация при скролле
Это уже более обширный вид анимации, для которого обычно подключают библиотеки вроде wow.js и других. Но я нашёл другую более удобную библиотеку под названием ScrollReveal, библиотека позволяет гибко, а главное быстро настраивать анимацию при прокрутке страницы. Все готово уже с коробки, осталось только пользоваться