Román Cortés

CSS Paper Bird

21 de Enero del 2010

(versión en castellano abajo)

In this experiment I took a serie of paper bird (crane) photos with different illumination positions I did some time ago, and I’ve created a pure CSS effect - without Javacript - to show them one by one depending on the scrollbars positions.

Please, drag the thumbs/sliders along the tracks to see the effect.

I’ve tried the effect and it works in IE8, Safari 4, Firefox 3.5, Chrome 3, Opera 10 and the code validates. It doesn’t work in IE6.

Castellano

En este experimento he usado una serie de fotos a una pajarita de papel con diferentes posiciones de iluminación que hice hace tiempo, y he creado este efecto CSS puro (sin Javascript) que muestra las imágenes de una en una dependiendo de la posición de las barras de desplazamiento.

Arrastra los deslizadores de las barras de desplazamiento para ver el efecto.

Lo he probado y funciona en los navegadores actuales y el código valida. No funciona en IE6.

31 Comentarios RSS

Comentar