블러 처리된 Hero 이미지
Coddy HTML 여정의 CSS Mastery 섹션에 포함된 레슨 — 43개 중 43번째.
챌린지
쉬움.gallery 섹션에 뉴욕시 이미지가 있습니다.
CSS를 사용하여 이 이미지에 2px 값의 blur 필터를 적용하는 것이 여러분의 과제입니다.
직접 해보기
<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>