Na semana passada lançamos aqui um desafio: Fazer a bandeira da Turquia, só com CSS!

Confira aqui o Desafio CSS – Especial Revolução

Foram 70 propostas, sendo que dessas 57 estavam certíssimas, 13 erradas. Das 13, mais de 10 pessoas erraram por não ler corretamente o enunciado, onde dizia claramente não poder manipular o HTML, apenas o CSS. Mais atenção na próxima pessoal!  Ainda assim, parabéns pela participação 🙂

Agradeço a todos os participantes, que acertaram ou não, o importante é participar e brincar CSS. Fico muito feliz com os e-mails que recebo agradecendo pela criação dos desafios, pois me fazem pensar em fazer cada vez mais!

Segue a lista dos acertadores:

1. Acemir Sousa Mendes
2. Alessandro Visotto
3. Andre Afonso
4. Arthur Gouveia
5. Bruno Barbosa
6. Bruno Ramos Alves Costa
7. Bruno Siecola Bombonate
8. Daniel Cardoso Da Silva
9. Diego Leme
10. Diego Rabatone
11. Douglas Matoso
12. Felipe Saldanha
13. Fernando Daciuk
14. Fernando Pinheiro
15. Gerson Pechim
16. Giuliano Stedile
17. Guto Foletto
18. Hamilton Jr
19. Igor Pimentel
20. James Clebio
21. Jean Felipe Schwab
22. Joao Victor Santos
23. Joao Pedro Do Nascimento
24. Jonathan Cardoso
25. Jose Aparecido Da Silva Junior
26. Julio Ferreira De Queiroz
27. Júnior Lima
28. Leonardo Rodrigues
29. Luan Fagundes
30. Lucas Azevedo
31. Lucas Santana
32. Lucas Tomkiel
33. Lucas Trevisan Leal
34. Luis Moreno
35. Luiz Henrique Zanao Kota
36. Mateus Caldas Craveiro
37. Nathalia Xavier
38. Ney Simoes
39. Nicolas Luis Huber
40. Ofelquis Gimenes
41. Paulo Victor Geremias
42. Pedro Nauck
43. Randal Maia
44. Renan Valentin
45. Renan Veroneze
46. Richard Santos
47. Robson De Medeiros
48. Sergio Cardoso
49. Tatiane Jayme Dias
50. Thiago Corbalan Ferreira
51. Victor Larodiel
52. Vinicius Ribeiro
53. Wallace Erick
54. Wanderson Valerio
55. Wellington Fialho
56. Wellington Oliveira
57. William Martins

Fizemos o sorteio em cima dos acertadores utilizando o random.org. Eis o ganhador de um curso online do iMasters PRO mais um kit iMasters (camiseta, paper toy do cubo iMasters, buttons, etc).

1. Renan Valentin

Show me the meaning of being lonely, ops, quer dizer, show me the code!

Vi soluções que me deixaram bastante orgulhoso, até um pouco intimidado, vocês são muito feras! A grande dificuldade desse desafio não é a lua e sim a estrela correto? Vamos ver algumas formas de fazê-la?

Muitas pessoas utilizaram essa solução para fazer a estrela, veja só: http://coursesweb.net/css/star-shapes-css_cs, porém, uma diferente me chamou muito a atenção, pois duas pessoas usaram clip-path para desenhar o polygon (estrela), veja aqui um exemplo: http://dabblet.com/gist/5977313.

Eu, que sou a favor da simplicidade, optei por algo muito mais simples, usando apenas a ★ ( ou o código dela em HTML – & #9733;  – sem espaço) como content, veja só: http://dabblet.com/gist/5977392.

Quem podia imaginar que teriam três formas diferentes de fazer uma estrela né? Por isso esses desafios são demais!

A bola, eu tinha pensado em fazer usando gradiente, mas o engraçado é que das 70 propostas, absolutamente NINGUÉM fez como eu tinha feito, loucura né? usando a ★ como eu falei acima e o radial gradient que eu mostrarei agora, eu consegui fazer a bandeira sem usar nem a div.turquia, e ainda teve gente dizendo que era impossível fazer só com 1 div. Dava até para fazer sem nenhuma baby 🙂 Segue como eu fiz a lua: http://dabblet.com/gist/5977576.

Você também pode conferir o resultado aqui:

ou acesse o link: http://dabblet.com/gist/5977629.

Novo Desafio semana que vem!

Semana que vem haverá um desafio especial, onde o ganhador terá um desconto de 100% no curso http://codingonweekend.com.br/ que eu e Zeno Rocha daremos nos dia 10/08 no RJ, e 17/08 em São Paulo. O sorteado poderá escolher uma das duas datas, os demais acertadores ganharão desconto de 100,00. Aguardem!!!

Gostou? Então compartilhe com seus amigos e participe do próximo desafio!