3D technologies on the Web has been studied for many years, but they are basically monoscopic 3D. With the
stereoscopic technology gradually maturing, we are researching to integrate the binocular 3D technology into the Web,
creating a stereoscopic 3D browser that will provide users with a brand new experience of human-computer interaction.
In this paper, we propose a novel approach to apply stereoscopy technologies to the CSS3 3D Transforms. Under our
model, each element can create or participate in a stereoscopic 3D rendering context, in which 3D Transforms such as
scaling, translation and rotation, can be applied and be perceived in a truly 3D space. We first discuss the underlying
principles of stereoscopy. After that we discuss how these principles can be applied to the Web. A stereoscopic 3D
browser with backward compatibility is also created for demonstration purposes. We take advantage of the open-source
WebKit project, integrating the 3D display ability into the rendering engine of the web browser. For each 3D web page,
our 3D browser will create two slightly different images, each representing the left-eye view and right-eye view, both to
be combined on the 3D display to generate the illusion of depth. And as the result turns out, elements can be manipulated
in a truly 3D space.
Web technology provides a relatively easy way to generate contents for us to recognize the world, and with the
development of stereoscopic display technology, the stereoscopic devices will become much more popular. The
combination of web technology and stereoscopic display technology will bring revolutionary visual effect. The
Stereoscopic 3D (S3D) web pages, in which text, image and video may have different depth, can be displayed on
stereoscopic display devices. This paper presents the approach about how to render two viewing S3D web pages
including text, images, widgets: first, an algorithm should be developed in order to display stereoscopic elements like
text, widgets by using 2D graphic library; second, a method should be presented to render stereoscopic web page based
on current framework of the browser; third, a rough solution is invented to fix the problem that comes out in the method.