Immagine hero sfocata
Fa parte della sezione Padronanza di CSS del percorso HTML di Coddy. Lezione 43 di 43.
Sfida
FacileC'è un'immagine di New York City nella sezione .gallery.
Il tuo compito è applicarle un filtro di sfocatura con un valore di 2px usando CSS.
Provalo tu
<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>
Tutte le lezioni di Padronanza di CSS
1Padronanza dei selettori – Combinazioni
IntroduzioneSelettore discendenteSelettore figlioSelettore fratello adiacenteSelettore fratello generaleSfida di ripasso2Pseudo-classi interattive
Pseudo-classiEffetti al passaggio del mouseEffetti di focusStili attiviSfida di riepilogo3Classi pseudo-strutturali
Classi pseudo-strutturaliSelezionare il primo figlioSelezionare l'ultimo figlioIl potere degli schemi: usare nth-childSfida di riepilogo6Pagina di destinazione
Stilizzare la sezione dell’intestazioneStilizzare il pulsanteLayout delle sezioniLayout delle schedeAggiungere gli ultimi ritocchi9Sfide finali
Evidenziare il menu attivoRighe alternate nella tabellaEffetto hover sul pulsanteLayout a griglia per schedeImmagine hero sfocataEsercitati da solo: Playground Web