This is a sample page, go back to the main article.
This example 8 is implemented using the computers 3D graphic hardware.
This example demonstrates splitting up elements into many parts and animating them separately using various rotations and motions.
Initially (without javascript) this page shows the first text block
followed by the image and then the second text block.
The 3D animation declars the image to appear 5000px behind the
text plane and so scrolls more slowly. Therefore less space is
needed for the image and the second text block is moved upwards
using
'margin-top:-600px'.
In addition both text blocks are split into parts, which are rotated and moved individually.
Next example: Example 9