Размытое Hero-изображение
Часть раздела CSS Mastery путешествия по HTML на Coddy — урок 43 из 43.
Задание
ЛегкоВ разделе .gallery находится изображение Нью-Йорка.
Ваша задача — применить к нему фильтр размытия со значением 2px с помощью CSS.
Попробуйте сами
<html>
<head>
<title>Blurred Hero Image</title>
<style>
/* Add your CSS styles here: */
img {
width: 100%;
}
</style>
</head>
<body>
<div class="gallery">
<img src="https://upload.wikimedia.org/wikipedia/commons/0/05/View_of_Empire_State_Building_from_Rockefeller_Center_New_York_City_dllu.jpg
">
</div>
</body>
</html>
Все уроки раздела CSS Mastery
1Мастерство селекторов — Комбинации
ВведениеСелектор потомковДочерний селекторСмежный селекторОбщий родственный селекторИтоговое испытание4Проект: Выпадающее меню
Добавление подменюОтображение подменюДополнительная стилизацияПоле ввода и кнопка2Интерактивные псевдоклассы
ПсевдоклассыЭффекты наведенияЭффекты фокусаАктивные стилиИтоговое испытание3Структурные псевдоклассы
Структурные псевдоклассыВыбор первого дочернего элементаВыбор последнего дочернего элементаСила шаблонов: использование nth-childЗадание на повторение9Финальные испытания
Подсветка активного пункта менюЧередование строк таблицыЭффект наведения на кнопкуСетка карточекРазмытое Hero-изображение