С информацией
Только заголовки

Вертикальный аккордеон для фотографий

Вертикальный аккордеон с раскрывающимися по клику фотографиями

Для реализации этого аккордеона, который на малых экранах переходит в табы, используется небольшой код на JavaScript.

Читать далее

Замена блока на фотографию при наведении курсора

Красивая замена блока на фотографию при наведении и движении курсора мыши

Ховер-эффект реализован с использованием SVG, JS и CSS-переходов.

Читать далее

Перелистывающиеся страницы с фотографиями

Эффект перелистывания страниц с фотографиями на CSS

Решение сделано на чистом CSS для 5-ти страниц (фотографий)

Читать далее

Секция с заголовком и фотографией

Красивое оформление секции с фотографией и заголовком, который частично заполнен ей

Часть текста заголовка, наложенного на фотографию имеет заданный цвет, а выходящая за нее — её фон. Данное наложение происходит автоматически в зависимости от количества текста и размера букв, это можно проверить сузив окно браузера.

Читать далее

Постер из разных фотографий на CSS

Создание одного постера из 9-ти разных фотографий на примере обложки игры GTA 5

Решение выполнено с использованием css-свойств display: grid; и clip-path

Читать далее

Слайдер с меняющимися фото на CSS

Слайдер с меняющимися фотографиями и их описанием на чистом CSS

Слайдер выполнен без применения скриптов с использованием СSS-свойства animation

Читать далее

Блок-секция для лицензий

Оформление блок-секции для лицензий, сертификатов или других вертикальных фотографий на CSS

Данное решение не является универсальным и рассчитано для четырех фотографий. При изменении их количества или размеров нужно будет корректировать стили.

Читать далее