Na semana passada lançamos aqui um desafio: Fazer um cone laranja, só com CSS!

Confira aqui o Desafio CSS – Especial Revolução

Foram 78 propostas, sendo que dessas 67 estavam certíssimas, 11 erradas.

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. Alan Tavares Chaves
2. Alessandro Visotto
3. Andre Felipe Scalco
4. Andrei Sena
5. Arthur Ervas
6. Artur Diniz Adam
7. Augusto Fernando Nepomuceno Lemos
8. Bruna Pedroso
9. Bruno Berkenbrock
10. Bruno Queiros
11. Bruno Siecola Bombonate
12. Camilo Teixeira De Melo
13. Carlos Henrique
14. Charles Pereira Mendes
15. Daniel Cardoso Da Silva
16. Diego Andrade
17. Diogo Beda
18. Diogo Moretti
19. Dionizio Ferreira
20. Douglas Frenham Tinelli
21. Fabricio Fm Silva
22. Fernando Daciuk
23. Flowck II
24. Gabrie Mateus
25. Hamilton Jr
26. Helton Hayashi
27. Hugo Fabricio
28. Igor Lira
29. Joao Guilherme Cheffer
30. Joao Marcos Lopes
31. Joao Marcos Mainka
32. Joao Victor Santos
33. John Eliton Santos
34. Johnatan Ivini Vieira
35. Johny Krauss
36. Jonathan Cardoso
37. Jonathan Cutrim Lacerda
38. Karol Harumi
39. Leandro Fernandes De Macedo
40. Leonam Bernini
41. Luan Fagundes
42. Luan Ramos
43. Lucas Azevedo
44. Lucas Trevisan Leal
45. Luciano Monegatto Baldicerotti
46. Luis Moreno
47. Luiz Henrique Zanao Kota
48. Marcelo Ogeda
49. Marco Ostan
50. Marcos Taira
51. Matheus Yoshihara
52. Murilo Freire
53. Ney Simoes
54. Paulo Henrique Sanches Brumatti
55. Pedro Rivera
56. Raul Leal De Sousa
57. Roberson Faria
58. Rodrigo Luiz Buzatto
59. Ronaldo Zanoni
60. Sheldon Led
61. Talita Goulart
62. Thiago Genuino
63. Thiago Soler
64. Vinicius Ribeiro
65. Wanderson Valerio
66. Wellington Fialho
67. William Martins

Fizemos o sorteio em cima dos acertadores utilizando o random.org. Eis o ganhador de um desconto de 100% no curso Coding On Weekend (válido para turmas ainda abertas, do RJ ou BH).

1. Roberson Faria

Show me the money, aka code!

Muitos não entenderam ou concordaram com o fato do projeto estar em nível médio. A explicação é simples, fazer o cone exigiria uma combinação de técnicas, como por exemplo, criar um triangulo apenas com CSS, por isso é um pouco mais complicado do que usar uma simples propriedade.

O cone, parte crucial do projeto é simples de fazer, basta combinar a técnica de triângulo com o border-radius, como mostro aqui: http://dabblet.com/gist/6110182. A base é um quadrado simples, só que rotacionado, mole mole né?

Alguns desafios me deixaram super animados para mostrar aqui, um foi fazendo o cone utilizando apenas gradient como o da Bruna Pedroso(http://dabblet.com/gist/6110209), ou utilizando novamente o polygon (que muitos viram pela primeira vez no desafio anterior) que o Hamilton JR usou, por sinal, olhem a brincadeira que o Hamilton mandou com o cone, que sensacional: http://dabblet.com/gist/6110279.

Veja o resultado final aqui: http://dabblet.com/gist/6113354.

Obrigado pela participação de todos e até o próximo desafio CSS 🙂