Секция-галерея на GSAP

Решение выполнено на JavaScript c использованием библиотеки GSAP и рассчитано на несколько фотографий.

Пример:

HTML:

CSS:

JS:

Подключаем библиотеку GSAP (версия 3.7.0) и скрипт ниже, в котором прописываем пути к фотографиям.

Найдено на codepen.io у пользователя Tom Miller
Фотографии InspiredImages

Смотрите также:

Добавить комментарий:

Ваш комментарий отправлен!

Комментарии:

  • Регис:

    А как на каждую фотку написать текст, поставить кнопку, сделать всю фотку ссылкой? Чтобы например использовать этот слайдер как услуги на сайте

    Ответить
    • Alexander:

      JS править и там выводить какой то текст, когда фотка открыта

      Ответить
      • Регис:

        Хтмлом невозможно? Чтобы поисковики тоже нормально видели такой контент. Ну и для тех, кто яваскрипт не знает.

        Ответить
        • Alexander:

          В этом решении нет

          Ответить