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

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

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

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

Читать далее

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

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

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

Читать далее

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

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

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

Читать далее

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

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

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

Читать далее

Всплывающие фото-подсказки

Фотография, двигающаяся за курсором, пока он находится на заданном слове

Для реализации этого решения используется небольшой JS-код

Читать далее

Имитация книги из фотографии

Трансформация фотографии в обложку объемной книги средствами CSS

Данный небольшой CSS-код создает эффект "книги на журнальном столике" (coffee table books). Так называют книги, которые будут идеально смотреться на журнальном столике, а в нашем случае на странице сайта.

Читать далее