2 316 Codepen

Эффект наведения на CSS

При наведении на элемент его размер по ширине увеличивается, размеры соседних элементов при этом уменьшаются. Так же дополнительно с элемента убираются наложенные, по умолчанию, эффекты: приглушение изображения за счет фильтра grayscale и небольшого прозрачного темного градиента.

HTML

<div class="wrapper">
  <section class="sec01"></section>
  <section class="sec02"></section>
  <section class="sec03"></section>
</div>

CSS


Также есть вариант, где эффект создается с помощью TweenMax

Комментарии

  • Facebook
  • Вконтакте

Похожие статьи