Los 4 nuevos increíbles efectos CSS de Román Cortés

Los 4 nuevos increíbles efectos CSS de Román Cortés

Román Cortés sigue sorprendiendo al mundo y esta vez nos muestra otros 4 ejemplos novedosos realizados con CSS1 y CSS2, nada de CSS3, ni Javascript ni nada parecido, únicamente CSS y HTML. Basado en la técnica de mapas de desplazamiento con CSS en 2D, que descubrió cuando hizo CSS Coke Can, ha creado nuevos ejemplos, que muestro a continuación:

The Ajaxian Prism

Este mapa de desplazamiento es usado para distorsionar los bordes del prisma con una imagen .png transparente en la parte superior para añadir las sombras, fondo naranja semi-transparente y el logo de Ajaxian.

Van Gogh’s Starry Night

Van Gogh’s Starry Night está separado en 3 capas, en las que a 2 de ellas se les aplica distorsiones de mapa de desplazamiento sinusoidal.

Bandas corredizas

CSS Coke Can con efecto reverso

Igual que este giro de lata de Coca-Cola pero en sentido contrario.

La lata machacada

Usando capas de desplazamiento cilíndricos con un radio creciente y texturas png transparentes, es posible hacer rotaciones en la lata teniendo esta una superficie “machacada”. Podría llamarse la versión 3 de la lata de Coca-Cola que se desplaza con CSS.

Autor de CSSBlog ES
  • Efectos de Román Cortéz –> http://is.gd/8eTQT via @cssblog_es #CSS


    Este comentario se ha creado en Twitter

  • @Chanchoide Rumanon:

    Supongo que es sarcasmo, seguramente no usas software opensource
  • Chanchoide Rumanon
    La verdad no entiendo el porque de gastar tanto tiempo haciendo este tipo de cosas tan antipracticas, solo por un "WoW" de un resto de gente que ni conoce.
  • A mi la sensación que me da es que no tengo ni idea jajaja El tio es increíble. Ya me gustaría a mi saber como están hechos esos efectos. Buenísimos.
  • Es todo un artista. Si tiene que escribir todo el código necesario a mano le debe llevar un buen rato hacerlo.

    El de la lata es el que me parece más increíble, ya me lo pareció la primera vez que lo vi. Y el de las bandas corredizas, de poderse poner un enlace para cada una de las posiciones extremas, le daría una utilidad.
  • Este tipo realmente si que hace cosas sorprendentes, cosas que jamas se me hubiese ocurrido (podido) hacer con solo CSS.
  • kisquian
    Verdaderamente impresionante!
blog comments powered by Disqus

Sigue este blog por:

Patrocinadores

  • Últimos comentarios

    Patrocinadores


    Get Adobe Flash playerPlugin by wpburn.com wordpress themes