Создание адаптивных плиток Masonry на чистом CSS
CSS-коды в геткурсе. Оформляем красивую плитку на странице сайта.
По традиции рассказываю о том, что сейчас изучаю. В этой статье разберем как сделать плитку с увеличением картинок при наведении курсора и прописать ссылку для клика по картинкам. Видео-обзор настройки можно посмотреть ТУТ, а пока приглашаю к тексту. Задача создать блок с картинками с эффектом приближения при наведении курсора. Плюс картинки должны быть кликабельными. На стандартных инструментах геткурса такое реализовать нельзя, но нам на помощь идут чудеса css-кодирования. Итак, для начала в файловое хранилище загружаем нужные нам картинки...
Что вы знаете о "плитках"?
Наверное этот UI/UX инструмент вызывает достаточно противоречивые чувства: с одной стороны, как наследие доставшиеся от windows 8 это недостаточно удобно, а для кого-то может и ужасно, но с другой стороны это достаточно лаконичный дизайн (если его правильно использовать). Первый раз я обратил внимание на плитки когда появился модуль e-mail маркетинга, но сейчас все больше страниц использует его: страница 1С, Контакт-центра, E-mail маркетинга, AI. Я всегда стараюсь предоставлять пользователям коробки...