Pure CSS Skull with Flames
10 de Febrero del 2010(versión en castellano abajo)
This post is inspired by the comments on Reddit for my Pure CSS Coke Can effect:
The comments of G_Morgan asking for a skull and l00pe for adding flames are just so hilarious that I decided to make it real.
This is, again, based in CSS displacement maps, and uses mainly CSS 1 and a few properties from CSS 2.1. It works on IE7, IE8, and the most of the latest browser - Chrome, Safari, Opera, Firefox.
I downloaded the voxel head medical image from the examples here a long time ago, but they have redesigned the website and I can’t find the link for the data. I also used the same data in my Flash voxel experiment. Please note that I did it as a collaboration with Mr. Doob, and it is stored in his server. Since he decided that his websites should not be shown on Internet Explorer, our common experiment is affected too, so it is not going to work on IE.
Castellano
Este post está inspirado por los comentarios que recibí en Reddit sobre mi efecto de la lata de Coca-Cola en CSS.
Varios de dichos comentarios eran humorísticos como suele ser habitual en Reddit. Dos de ellos me hicieron reir muchísimo: una persona dijo algo que se podría traducir aproximadamente como “Ahora lo que tienes que hacer es un efecto con una calavera”. Otra persona agregó: “¡No olvides las llamas!”. En ambos casos eran comentarios irónicos, pero me puse a pensar en lo divertido que sería hacerlo de verdad y… ¡aquí lo tenéis!
El efecto se basa en mapas de desplazamiento, al igual que la Coca-Cola. Es principalmente CSS 1 con alguna que otra propiedad de CSS 2 y funciona en todos los navegadores actuales.
jejeje ultimamente no paras de crear cosas ;)
realmente bueno, desde tu lata de coca-cola no paro de ver enlaces y referencias a tu blog.
no me sorprendería si terminas haciendo un google earth en CSS xD felicidades!
[…] Calavera con llamas 100% CSS http://www.romancortes.com/blog/pure-css-skull-with-flames/ por Dead_Parrot el 12:20 UTC […]
Excelente este contenido!!!
Saludos
I happen to know Román has been making this voxel head stuff since he was a teenager… you should make a compilation to see on just how many platforms and languages yoy have coded a spinning head by now :P
[…] Pure CSS Skull with Flames: utiliza CSS1 con algunas propiedades de CSS 2 y funciona en todos los navegadores. […]