image reflection.

[Derleek]

is there a way to reflect an image over the x or y axis?

 

I am designing a fancy border for a section of text, do i need to create 4 different images for each corner? or is there some technique I'm not familiar with available?

[dropfaith]

you would need 4 images  im pretty sure to make corners

[haku]

There is no way to do this using CSS, so youneed 4 images. But you can actually use 1 image with all four corners in it, and just show the corner you want. Google 'css sprites' to see how this technique works. Alistapart explains it well (ignore 'css sprites 2' for now, it's the next step after that).

[Derleek]

i will have to check into that. very interesting.

[TheFilmGod]

Yes, using css sprites is beneficial. But I would like to remind you that you can't position the background image and 'crop it out of the master css sprite' at the same time. - Maybe you can, but so far, I never could figure it out.

[sam_h]

with regard to your image reflection, maybe have a look here:

 

http://www.blogohblog.com/top-10-javascripts-for-image-manipulation/

 

it is an option I suppose!

[CroNiX]

Im a big fan of the mootools javascript framework.  It would be overkill to only use it for image reflection ... but http://www.digitalia.be/software/reflectionjs-for-mootools

[Derleek]

I actually am an aspiring 'mootooler' my self.  Little hard to learn due to the lack of a solid, coherent, patient community... but i really like it all the same.

 

check out my signature for a forum I found... name is derleek on there too

[sam_h]

mootools I like a lot, but never ended up needing to use it in my site....script.aculo.us on the other hand!