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