Classe card
Lezione 11 di 17 del corso Fisarmonica di immagini | Progetto front-end di Coddy.
Sfida
FacileIntervieni sulla classe ‘card’:
- Imposta la larghezza su 130 pixel.
- Imposta background-size su cover
- Imposta cursor su pointer
- Imposta overflow su hidden.
- Imposta il raggio del bordo su 25 pixel.
- Imposta il margine su 0 in alto e in basso e su 10 pixel a sinistra e a destra
Aggiungi questa transizione e questo box-shadow alla fine:
transition: .6s cubic-bezier(.28,-0.03,0,.99); box-shadow: 0px 10px 30px -5px rgba(82, 9, 9, 0.8);
Provalo tu
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Scrivi il codice HTML qui -->
<script src="script.js"></script>
</body>
</html>Tutte le lezioni di Fisarmonica di immagini | Progetto front-end
Esercitati da solo: Playground Web