Rozmyty obraz główny
Część sekcji Mistrzowskie opanowanie CSS ścieżki HTML w Coddy. Lekcja 43 z 43.
Wyzwanie
ŁatwyW sekcji .gallery znajduje się obraz Nowego Jorku.
Twoim zadaniem jest zastosowanie do niego filtra rozmycia o wartości 2px przy użyciu CSS.
Spróbuj swoich sił
<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>
Wszystkie lekcje w sekcji Mistrzowskie opanowanie CSS
1Opanowanie selektorów – łączenie
WprowadzenieSelektor potomkaSelektor dzieckaSelektor sąsiadującego rodzeństwaSelektor ogólnego rodzeństwaWyzwanie podsumowujące7Twórz za pomocą CSS Grid
Podstawy GridRozmieszczanie elementów w wierszach siatkiNazwane obszaryWyzwanie podsumowujące2Interaktywne pseudoklasy
PseudoklasyEfekty najechania kursoremEfekty fokusuStyle aktywneWyzwanie podsumowujące3Strukturalne pseudoklasy
Strukturalne pseudoklasyWybieranie pierwszego elementu potomnegoWybieranie ostatniego elementu potomnegoMoc wzorców: użycie nth-childWyzwanie podsumowujące9Wyzwania końcowe
Wyróżnianie aktywnej pozycji menuNaprzemienne kolory wierszy tabeliEfekt najechania na przyciskUkład kart w siatceRozmyty obraz głównyPoćwicz samodzielnie: Edytor online Web