ぼかしを入れたHero Image
CoddyのHTMLジャーニー「CSS Mastery」セクションの一部 — レッスン 43/43。
チャレンジ
簡単.gallery セクションにニューヨーク市の画像があります。
あなたのタスクは、CSSを使用してその画像に 2px の値でぼかしフィルターを適用することです。
自分で試してみよう
<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>