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:
- Alan Tavares Chaves
- Alessandro Visotto
- Andre Felipe Scalco
- Andrei Sena
- Arthur Ervas
- Artur Diniz Adam
- Augusto Fernando Nepomuceno Lemos
- Bruna Pedroso
- Bruno Berkenbrock
- Bruno Queiros
- Bruno Siecola Bombonate
- Camilo Teixeira De Melo
- Carlos Henrique
- Charles Pereira Mendes
- Daniel Cardoso Da Silva
- Diego Andrade
- Diogo Beda
- Diogo Moretti
- Dionizio Ferreira
- Douglas Frenham Tinelli
- Fabricio Fm Silva
- Fernando Daciuk
- Flowck II
- Gabrie Mateus
- Hamilton Jr
- Helton Hayashi
- Hugo Fabricio
- Igor Lira
- Joao Guilherme Cheffer
- Joao Marcos Lopes
- Joao Marcos Mainka
- Joao Victor Santos
- John Eliton Santos
- Johnatan Ivini Vieira
- Johny Krauss
- Jonathan Cardoso
- Jonathan Cutrim Lacerda
- Karol Harumi
- Leandro Fernandes De Macedo
- Leonam Bernini
- Luan Fagundes
- Luan Ramos
- Lucas Azevedo
- Lucas Trevisan Leal
- Luciano Monegatto Baldicerotti
- Luis Moreno
- Luiz Henrique Zanao Kota
- Marcelo Ogeda
- Marco Ostan
- Marcos Taira
- Matheus Yoshihara
- Murilo Freire
- Ney Simoes
- Paulo Henrique Sanches Brumatti
- Pedro Rivera
- Raul Leal De Sousa
- Roberson Faria
- Rodrigo Luiz Buzatto
- Ronaldo Zanoni
- Sheldon Led
- Talita Goulart
- Thiago Genuino
- Thiago Soler
- Vinicius Ribeiro
- Wanderson Valerio
- Wellington Fialho
- 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).
- 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 🙂