صورة 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إتقان المحددات – الربط
مقدمةمحدد الأحفادمحدد الأبناءمحدد الأشقاء المتجاورينمحدد الأشقاء العامتحدي المراجعة3الأصناف الزائفة الهيكلية (Structural pseudo-classes)
الأصناف الزائفة الهيكلية (Structural pseudo-classes)استهداف الابن الأولاستهداف الابن الأخيرقوة الأنماط: استخدام nth-childتحدي المراجعة9التحديات النهائية
تمييز القائمة النشطةصفوف الجدول المخططةتأثير تمرير الماوس على الزرتخطيط البطاقات بنظام Gridصورة Hero مموهة