CSS3 for Inline 3-D Images?

Possibility of simulating stereoscopy inline on page

[polishhill]

Hello,

- First off, though this is my first post, I rely on webmasterworld daily in my work and I am excited to finally contribute to the community. -

I am very interested in the potential of manipulating images and iframes inline to simulate a stereoscopic 3d image (you know, the one that you use the cheap red & blue cardboard glasses for). Using CSS3, I can manipulate the alpha and rgba color information, and I am very close to stereoscopic images. I have not had any success displaying only one rgb color channel accurately.. though I am close. Does anyone have a suggestion as to a way to extract / simulate extraction of a specific color channels from an image or div inline? Any help would be appreciated, though I realize this is a sort of off the wall question.

[too much information]

The only thing I could suggest is using PHP and imagemagik to adjust your images. You will have to learn how do to that on your own.

For one image you want to set your red levels to 0, for the other you want to set your blue and green levels to 0. That will create the Red/Cyan colored images you are looking for.

The only trick would be cutting out each layer and offsetting them to get the depth you want for each of them. Photoshop would do this for you as well.

You can do this in Photoshop very easily, I'm not sure what CSS could do that Photoshop couldn't do faster.

[polishhill]

I will take a look at imagemagic. Thanks for the advice. I am pretty well versed at making 3d images in photoshop. My goal here is to load external content in to a page via two iframes and overlay them to produce a stereoscopic image. It is important for my project to be able to accomplish this on page by loading external pages. Otherwise, I would have written a photoshop macro a long time ago. Thanks again for the help.