luminescente

Javascript/CSS Image Reflection

CSS, Hack, Javacript, Programming, Projects — Pedro Cardoso on April 24, 2006 at 11:07 pm

reflex demoHere is a new CSS/Javascript hack of mine: transparent image reflection, like it can be seen on the image on the left.
Been toying with this for the last few days and after some testing here it is. It’s slow, not fully tested, and probably not good enough to be used, but this can be something to improve and build on.

The idea itself is not original, as it can be seen in lots of places, from websites to software, but this implementation is as far as I know unique, in the sense it does not require browser support for the Canvas tag, like this implementation.

It’s working with Safari, IE and Firefox. IE and Firefox support animated gifs as background, so if the source image is a animated GIF so is the reflection.

Here it is, play with it, check the source and let me know if you liked! :)

Miró

Uncategorized — Pedro Cardoso on April 20, 2006 at 2:37 pm

Feliç aniversari, Joan.

miro

Post-easter

Uncategorized — Pedro Cardoso on April 17, 2006 at 1:15 am

Had some great time in this extended weekend at Aveiro, as it just rained for a couple of hours during the whole time, and a great sun showed it’s glory most of the time.

Had enough time to grab some stuff at the local Media Markt, which despite a few occasional troubles seems worthy to spend some money on. Let’s see…

* Zelda: The Windwaker (plus bonus disk with Ocarina of time) for the Gamecube
* Metroid Prime, for the GC too
* Genesis: Videos collection
* Some Goldfrapp live concert in London
* Depeche Mode: 86-98 Videos
* Solaris, the movie

All for 9.99 euro, except the last one that was a little cheaper. On top of this, I managed to work a little on some of my pet projects, one of which will someday run this blog. I’ll post something about it in the next few days.

This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License. | luminescente