Clase 'circle'

Lección 25 de 31 del curso Tarjeta 3D | Proyecto Front-end de Coddy.

Desafío

Fácil

Clase de destino 'circle':

Establece el display a block.
Establece position a absolute.
Establece un aspect-ratio a 1.
Establece el border radius al 50%.

Establece top y right a 0.

Añade estas propiedades para un buen acabado:

background: rgba(0, 249, 203, 0.2);
transition: all 0.5s ease-in-out;
box-shadow: rgba(100, 100, 111, 0.2) -10px 10px 20px 0px;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);

Pruébalo tú mismo

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
        <script src="script.js"></script>
    </body>
</html>

Clase 'circle'

Todas las lecciones de Tarjeta 3D | Proyecto Front-end