9 107 Скрипты / Slider

Слайдер с анимацией css свойства clip-path

Концепт слайдера с анимацией css свойства clip-path. При наведении на изображение проявляется текст, а картинка обрезается.


HTML

SCSS

так же используются шрифты:

JS

рекомендуется пропустить js код через транскомпилятор BabelДополнительно подключена библиотека удобного управления событиями:
https://cdn.jsdelivr.net/npm/@unseenco/e@1.7.0/dist/e.js
и библиотека GSAP для анимаций:
https://cdnjs.cloudflare.com/ajax/libs/gsap/3.5.1/gsap.min.js

Комментарии

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

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