1213 читали · 7 лет назад
CSS Magic #2. Блюр-эффект (css blur effect)
Привет! В четвертом выпуске CSS Magic расскажу, как сделать красивый блюр эффект для карточки. Поехали! И так, сегодня мы будем делать блюр-эффект. Вот такого типа: Сделать такое можно вполне несложно с помощью filter: blur(). Но, конечно, не все так просто :) Начнем с разметки: HTML <div class="block block--blur">   <div class="block__man" id="superman">     <figure>       <img class="lazy lazy-hidden" src="//blog.maxgraph.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder...
2 недели назад
Сделать блюр на фото: как превратить чёткий снимок в мыльный и мутный
Иногда резкость — это не то, что нужно фотографии. Сделать фото мутным или мыльным — это не ошибка, а художественный приём, который помогает скрыть лишние детали, создать атмосферу или сымитировать эффект старой плёнки. Блюр (blur) — это универсальный инструмент, доступный в любом редакторе, будь то профессиональный Photoshop или приложение на смартфоне. В этой статье разберём, как и зачем сделать блюр на фото, какие бывают виды размытия и какие инструменты для этого существуют. Сделать фото мутным может понадобиться по разным причинам. Размытие — это не просто способ скрыть дефекты, но и мощный визуальный инструмент...