Галерея фотографий из ромбиков на CSS

Пример реализован на css-свойствах grid и clip-path

Пример:

Решение сделано для квадратных изображений. Если они друого формата - нужно корректировать css-свойство margin-bottom (см. ниже)

HTML:

CSS:

Если при наведении мышки нужно показать фотографию как она есть (пример на фото к теме), нужно заменить:

на:

Фотографии kellepics

Смотрите также:

Добавить комментарий:

Ваш комментарий отправлен!