Classe 'circle2'

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

Sfida

Facile

Imposta come target circle2:

Imposta la larghezza a 140px.
Imposta right e top a 10 pixel.
Imposta il ritardo della transizione a 0.4s.

Aggiungi queste proprietà per una buona rifinitura:

transform: translate3d(0, 0, 40px);
-webkit-backdrop-filter: blur(1px);
backdrop-filter: blur(1px);

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>

Esercitati da solo: Playground Web

Classe 'circle2'

Tutte le lezioni di Card 3D | Progetto front-end