Classe moon

Lição 7 de 10 do curso Animação de Eclipse Solar | Projeto HTML/CSS da Coddy.

Desafio

Fácil

No arquivo CSS, selecione a classe moon:

Defina a largura (width) e a altura (height) da classe moon para 220px.
Defina o border-radius para 50%.
Defina a posição (position) da classe moon para relative.
Defina o background-image para linear-gradient(30deg, #13223f, #0e1a30).

Você deve ver a lua agora!

Experimente você mesmo

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

Todas as lições de Animação de Eclipse Solar | Projeto HTML/CSS

1HTML

O que você vai criar?Configuração do Código O Container da Lua

2CSS

Tag universal

Tag html

Tag body

Classe moon Lição de projeto

Pseudo-elemento da classe moon

Animação eclipse

Responsividade