Desafio Cone Single-Div Only-CSS - Imasters

Essa semana, eu maniaco por informação me deparei com mais um desafio do Bernard de Luna, la do imasters. Era algo que parecia tão divertido de fazer, que fiz 2 vezes xD

Eis o desafio, fazer esse cone, ai da foto acima, utilizando apenas 1 elemento (DIV) e sem utilizar imagens \o.

Veja aqui o Resultado final

Experimento - Corre Sonic!

Animação em CSS3

  Ver em HTML 

Experimento - Gerador de sombra CSS3 [WIP]

Experimento utilizando javascript e funções matemáticas para calcular angulo e graus de uma sombra e gerar a propriedade em CSS3

 Experimento Aqui 

Experimento - Menu responsivo sem JS

Menu - Large Screens 

Menu - Small Screens

Menu responsivo expansível utilizando CSS3 e pesudo elementos para nao utilizar javascript.

http://hjunior.lab.relayweb.com.br/menu-css-responsive/trunk/

Experimento - Solar System

Experiment Webkit Animator

 Veja em HTML 

Experimento - Card Flip

Experimento utilizando as propriedades de 3d rotate e transform do motor webkit

Veja em HTML

Experimento - Bootstrap & Media Queries

Trabalha universitário pertinente a disciplina de Design Editorial

Versão digital de um jornal Cross-Plataform

Small Screens

 Large Screens

Veja em HTML