CodeBase | Frontend Chat

⚙️ Что такое свойство backdrop-filter в CSS и зачем оно используется? Свойство backdrop-filter применяет визуальные эффекты к фону за элементом, а не к самому элементу. Чаще всего используется для blur-эффекта в модальных окнах и стеклянных интерфейсах ➡️ Пример: <div class="card">Контент</div> <style> body { background: url(bg.jpg) no-repeat center / cover; } .card { width: 300px; padding: 20px; backdrop-filter: blur(10px); background: rgba(255, 255, 255, 0.2); border-radius: 12px; } </style> 🗣️ Популярные эффекты: • blur() — размытие • brightness() — яркость • contrast() — контраст • saturate() — насыщенность backdrop-filter позволяет создавать современные UI-эффекты без изображений и JS, но требует полупрозрачного фона и поддержки браузером CodeBase | Frontend | #Основы