Menu
Coddy logo textTech

Classe 'social-button'

Lezione 23 di 31 del corso Card 3D | Progetto front-end di Coddy.

challenge icon

Sfida

Facile

Classe di destinazione 'social-button':

  1. Imposta la larghezza a 30 pixel. 
  2. Imposta il rapporto d'aspetto a 1.
  3. Imposta il padding a 5px 
  4. Imposta lo sfondo su bianco.
  5. Imposta il raggio del bordo al 50%.
  6. Imposta il bordo su none.
  7. Imposta la visualizzazione su grid. 
  8. Imposta place-content su center. 
  9. 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

Esercitati da solo: Playground Web