CSS Gradientes das 24 Horas do Dia
CSS Gradientes das 24 Horas do Dia
Use Gradientes em CSS que imitam o céu em diversos horários do dia!
Utilize gradientes CSS para cada hora do dia em seus projetos!
Gradientes das 24 Horas do Dia
| Céu | Código CSS | Background do Céu |
|---|---|---|
| Céu 01h00 | background: #00000c; | |
| Céu 02h00 | background: linear-gradient(to bottom, #020111 60%, #20202c 100%); | |
| Céu 03h00 | background: linear-gradient(to bottom, #020111 10%, #3a3a52 100%); | |
| Céu 04h00 | background: linear-gradient(to bottom, #20202c 0%, #515175 100%); | |
| Céu 05h00 | background: linear-gradient(to bottom, #40405c 0%, #6f71aa 80%, #8a76ab 100%); | |
| Céu 06h00 | background: linear-gradient(to bottom, #4a4969 0%, #7072ab 50%, #cd82a0 100%); | |
| Céu 07h00 | background: linear-gradient(to bottom, #757abf 0%, #8583be 60%, #eab0d1 100%); | |
| Céu 08h00 | background: linear-gradient(to bottom, #82addb 0%, #ebb2b1 100%); | |
| Céu 09h00 | background: linear-gradient(to bottom, #94c5f8 1%, #a6e6ff 70%, #b1b5ea 100%); | |
| Céu 10h00 | background: linear-gradient(to bottom, #b7eaff 0%, #94dfff 100%); | |
| Céu 11h00 | background: linear-gradient(to bottom, #9be2fe 0%, #67d1fb 100%); | |
| Céu 12h00 | background: linear-gradient(to bottom, #90dffe 0%, #38a3d1 100%); | |
| Céu 13h00 | background: linear-gradient(to bottom, #57c1eb 0%, #246fa8 100%); | |
| Céu 14h00 | background: linear-gradient(to bottom, #2d91c2 0%, #1e528e 100%); | |
| Céu 15h00 | background: linear-gradient(to bottom, #2473ab 0%, #1e528e 70%, #5b7983 100%); | |
| Céu 16h00 | background: linear-gradient(to bottom, #1e528e 0%, #265889 50%, #9da671 100%); | |
| Céu 17h00 | background: linear-gradient(to bottom, #1e528e 0%, #728a7c 50%, #e9ce5d 100%); | |
| Céu 18h00 | background: linear-gradient(to bottom, #154277 0%, #576e71 30%, #e1c45e 70%, #b26339 100%); | |
| Céu 19h00 | background: linear-gradient(to bottom, #163C52 0%, #4F4F47 30%, #C5752D 60%, #B7490F 80%, #2F1107 100%); | |
| Céu 20h00 | background: linear-gradient(to bottom, #071B26 0%, #071B26 30%, #8A3B12 80%, #240E03 100%); | |
| Céu 21h00 | background: linear-gradient(to bottom, #010A10 30%, #59230B 80%, #2F1107 100%); | |
| Céu 22h00 | background: linear-gradient(to bottom, #090401 50%, #4B1D06 100%); | |
| Céu 23h00 | background: linear-gradient(to bottom, #00000c 80%, #150800 100%); | |
| Céu 24h00 | ]background: #00000c; |
Aliás, espero que tenha gostado dessa coleção de gradientes de céu em diversos horários do dia.
Certamente esses websites também podem te interessar:
- Origamania.com – Origamis, papel modelismo, artesanatos e aviões de papel.
- Textículos.com – Significados de Nomes, frases famosas, ferramenta de textos e letras diferentes, e muito mais.
- Portal do Economaster – Economia e Finanças de um jeito fácil de entender.
- Cardápio de Receitas – Receitas de dar água na boca. Tudo o que você precisa pra fazer uma boa receita.
Por fim, veja mais conteúdos do Web-ZoneWare, seu site de tecnologia na web a fim de encontrar o que precisa.
