Вертикальный аккордеон для фотографий
Вертикальный аккордеон с раскрывающимися по клику фотографиями
Для реализации этого аккордеона, который на малых экранах переходит в табы, используется небольшой код на JavaScript.
Вертикальный аккордеон с раскрывающимися по клику фотографиями
Для реализации этого аккордеона, который на малых экранах переходит в табы, используется небольшой код на JavaScript.
Красивая замена блока на фотографию при наведении и движении курсора мыши
Ховер-эффект реализован с использованием SVG, JS и CSS-переходов.
Эффект перелистывания страниц с фотографиями на CSS
Решение сделано на чистом CSS для 5-ти страниц (фотографий)
Красивое оформление секции с фотографией и заголовком, который частично заполнен ей
Часть текста заголовка, наложенного на фотографию имеет заданный цвет, а выходящая за нее — её фон. Данное наложение происходит автоматически в зависимости от количества текста и размера букв, это можно проверить сузив окно браузера.
Создание одного постера из 9-ти разных фотографий на примере обложки игры GTA 5
Решение выполнено с использованием css-свойств display: grid;
и clip-path
Слайдер с меняющимися фотографиями и их описанием на чистом CSS
Слайдер выполнен без применения скриптов с использованием СSS-свойства animation
Оформление блок-секции для лицензий, сертификатов или других вертикальных фотографий на CSS
Данное решение не является универсальным и рассчитано для четырех фотографий. При изменении их количества или размеров нужно будет корректировать стили.
CSS-анимация с качающимися фоторамками
Анимация останавливается, когда курсор заходит на рамку.
Создание из фотографии трехмерной панорамы
Эффект панорамы реализован на библиотеке GSAP