views:

330

answers:

3

Hi all, i want to ask that, is it possible to make any cover opening effect with JQuery or with any other JS code? I don't mean that page turning, i mean cover opening (like thick covers) Thanks right now..

A: 

The only thing I can think of (besides using canvas) would require the "cover" to be an image and you could basically squash the image vertically over a short period of time, while keeping it anchored to the top of the container.

It's certainly not perfect, but it could simulate the look maybe pretty closely.

James Maroney
+1  A: 
Tatu Ulmanen
Thans for information, actually i only thought that, if we can rotate images into x and y direction, we could in z-direction as well. But you all right it makes that sublect is 3D. Anyway, let me wait for CSS 3D Transform :)
Alper
A: 

I doubt you can do it directly on client with JS only. Here's one way it can be done:

  1. Take snapshot of the page by transforming it to the image (something like on http://webthumb.bluga.net/home). This step most likely needs to be done on server
  2. AJAX image back into a canvas
  3. Use animation to scale the image
DroidIn.net