Desafio CSS – Criar um Sol estiloso

Vamos a mais um desafio CSS↳CSS31 conteúdosArquitetura CSS: CSS FuncionalDev (Back & Front) · set 2019Entendendo posicionamento com CSS de uma vez por todasDev (Back & Front) · jul 2025Sites que combinam estética e usabilidade: reflexos da evolução do CSSDev (Back & Front) · fev 2025Ver tudo em Dev (Back & Front) →! Esse desafio foi feito em 15 minutos e a ideia foi criar um sol diferente, mas parecido com um “clock sun”.

Quem pode participar? Como participar?

Qualquer pessoa pode participar, pois, do junior até o senior, todos nós estamos sempre aprendendo. E nada melhor do que aprender se divertindo.

Para participar, você deve enviar a sua proposta para o meu e-mail (citado em “regras”). Embora não faça parte da regra, tente realizar a tarefa no tempo proposto – isso é importante para medirmos melhor o nosso próprio desempenho! Ao diminuir a sua própria marca, a evolução fica ainda mais perceptível!

Os iniciantes têm o objetivo de conseguir cumprir a tarefa, os intermediários de cumprir a tarefa antes do tempo proposto, os mais avançados têm o desafio de tentar superar a minha marca!

Ganho alguma coisa se participar?

Sim! Todos que participarem e acertarem o desafio/cumprirem a meta ganharão um presente; Ao final de cada desafio será feito um sorteio entre os acertadores.

• O primeiro sorteado vai levar digrátis um curso online do iMasters PRO mais um kit iMasters (camiseta, paper toy do cubo iMasters, buttons, etc).
• Os outros acertadores ganharão todos um super desconto em qualquer curso online do iMasters PRO.

Mãos à obra!

Desafio CSS #02: criar um sol estiloso, utilizando apenas CSS

• Nível: Iniciante
• Tempo em que foi criado: 15 minutos
• Tempo estimado proposto: 35 minutos
• Deadline do desafio: 13/11 às 18h

Regras

1. Cada participante só pode submeter uma única proposta;
2. O participante PRECISA utilizar dentro do body APENAS o HTML proposto nesse post;
3. O CSS deve ser inserido internamente no arquivo HTML;
4. O arquivo HTML deverá vir com o nome do participante, ex: “bernard-de-luna.html”;
5. Não serão aceitos zips nem outros tipos compactados;
6. Para participar, o interessado deve mandar o desafio feito para o email deluna@bernarddeluna.com – Caso o seu e-mail não seja respondido em até 1 dia com um “recebido”, entre em contato novamente, pois algo pode ter acontecido; como vocês sabem, os ETs estão entre nós e nunca sabemos o que pode acontecer!;
7. O e-mail precisa ser enviado com o assunto “Desafio CSS 02”;
8. Por favor, não divulgue a solução na Internet até terminar o desafio, a principal missão aqui é propor uma forma divertida de praticar CSS;
9. As medidas, assim como cores e efeito,s deverão ser o mais próximas possíveis ou “pixel perfect”. Se ficar muito distante do proposto, será desconsiderado;
10. Divirta-se!

HTML para ser usado dentro do body

<div class="sun"></div>