This is a powerful effect using the CSS3 stereoscopic effects, this special effect uses jquery and CSS3 transform to achieve when the user mouse press drag, the ring image wall can follow the mouse for 3D rotation animation.
Effect Experience:
http://hovertree.com/texiao/jquery/92/
You can drag the picture up or down after you go in.
This example uses the Transform-style property of CSS3, which specifies how nested elements are rendered in 3D space.
Default value: Flat
Inheritance: No
Version: CSS3
JavaScript syntax: object.style.transformstyle= "Preserve-3d"
There are 2 attribute values to choose from:
The flat child element will not retain its 3D position.
The preserve-3d child element retains its 3D position.
The sample code is as follows:
<! DOCTYPE html>Transferred from: http://hovertree.com/h/bjag/5x3kdw0k.htm
Similar: http://hovertree.com/h/bjaf/a6598spx.htm
More Effects: http://www.cnblogs.com/roucheng/p/texiao.html
jquery can drag 3D kaleidoscope spin effects