Classe 'social-button'
Lezione 23 di 31 del corso Card 3D | Progetto front-end di Coddy.
Sfida
FacileClasse di destinazione 'social-button':
- Imposta la larghezza a 30 pixel.
- Imposta il rapporto d'aspetto a 1.
- Imposta il padding a 5px
- Imposta lo sfondo su bianco.
- Imposta il raggio del bordo al 50%.
- Imposta il bordo su none.
- Imposta la visualizzazione su grid.
- Imposta place-content su center.
Aggiungi questa proprietà box-shadow:
box-shadow: rgba(5, 71, 17, 0.5) 0px 7px 5px -5px;
Provalo tu
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Scrivi qui il codice HTML -->
<script src="script.js"></script>
</body>
</html>Tutte le lezioni di Card 3D | Progetto front-end
1Introduzione
Che cosa realizzerai?4CSS - II
Classe 'view-more'Esercitati da solo: Playground Web