Эффектные идеи для сеток изображений

demosourse

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

  • Демо 1 Текущее изображение раскрывается на весь экран.
  • Демо 2 Текущее изображение занимает лишь пол экрана. Остальное пространство предназначено для описания изображения.
  • Демо 3 Изображение располагается по центру и липнет к нижней части экрана. Чуть выше появляется заголовок.
  • Демо 4 Изображение липнет к верхней части экрана. Снизу располагается заголовок и мини слайдер для переключения по изображениям.
  • Демо 5 Идеальный вариант для групп изображений.
  • Демо 6 Изображение липнет к верхней части страницы, а ниже отображается заголовок.

Надеемся, что перечисленные материалы будут вам полезны!

Данный урок подготовлен для вас командой сайта ruseller.com
Источник урока: http://tympanus.net/codrops/2015/10/15/effect-ideas-for-image-grids/
Перевел: Станислав Протасевич
Урок создан: 20 Октября 2015
Просмотров: 10464
Правила перепечатки


5 последних уроков рубрики "CSS"

^ Наверх ^