JQuery allows you to drag and drop 3D Kaleidoscope Rotation effects, and jquery drag and drop 3d Kaleidoscope

JQuery allows you to drag and drop 3D Kaleidoscope Rotation effects, and jquery drag and drop 3d Kaleidoscope

This is a powerful special effect that uses the CSS3 stereo effect. This special effect uses jQuery and CSS3 transform to realize that when you press and drag the mouse, the ring picture wall can follow the mouse for 3D Rotation animation.

Effect experience:
Http://hovertree.com/texiao/jquery/92/

After entering, you can drag the picture up or down.

This example uses the transform-style attribute of CSS3, which specifies how to present nested elements in 3D space.

Default Value: flat.
Inheritance: no
Version: CSS3
JavaScript Syntax: object. style. transformStyle = "preserve-3d"

You can select two attribute values:
The 3D position of the flat child element is not retained.
The preserve-3d child element retains its 3D position.

The sample code is as follows:

<! DOCTYPE html>