Привет! Ты когда-нибудь задумывался, как на некоторых сайтах делают такие классные эффекты с фонами — например, затемненные фотографии с текстом, красивые наложения цветов или даже целые рисунки без использования картинок? Сегодня я расскажу тебе о секретном оружии веб-разработчиков — множественных фонах в CSS! Это как если бы у тебя было несколько прозрачных листов бумаги, которые ты накладываешь друг на друга, создавая классную многослойную картинку. Звучит интересно? Тогда поехали! Перед тем как мы погрузимся в множественные фоны, давай быстро вспомним, что такое свойство background в CSS...

По традиции рассказываю о том, что сейчас изучаю. В этой статье разберем как сделать плитку с увеличением картинок при наведении курсора и прописать ссылку для клика по картинкам. Видео-обзор настройки можно посмотреть ТУТ, а пока приглашаю к тексту. Задача создать блок с картинками с эффектом приближения при наведении курсора. Плюс картинки должны быть кликабельными. На стандартных инструментах геткурса такое реализовать нельзя, но нам на помощь идут чудеса css-кодирования. Итак, для начала в файловое хранилище загружаем нужные нам картинки...