Coverflow with jQuery and css3

jquery css coverflow
peduarte picture peduarte · Aug 14, 2012 · Viewed 14.2k times · Source

I know this questions has been asked previously, but the questions I saw were about the Apple coverflow and this one isnt.

I am trying to replicate this behaviour: http://cl.ly/image/1s0L1O3M2401 (screen shot)

Does anyone know if there is a plugin or something? I can use CSS perpective and rotate to achieve the "skewed" look but it's not working... haha difficult to explain.

Anyway if anyone knows a plugin that would do that for me, I'd really appreciate it.

Thanks!

Answer

matt picture matt · Aug 14, 2012

Here are two choices for a CSS3 (webkit) light weight solutions:
http://jbkflex.wordpress.com/2012/02/13/coverflow-animation-using-css3-3d-transformations-part1
http://scottgale.com/blog/coverflow-css-3d-transforms/2011/05/24/

Here are two other jQuery methods:
http://www.webappers.com/2012/05/30/apple-coverflow-design-with-coverscroll-jquery-plugin/
http://www.artviper.net/wp/convenient-page-design/apple-coverflow-design-with-coverscroll-jquery-plugin/

Related questions

How do I add a class to a given element?

I have an element that already has a class: <div class="someclass"> <img ... id="image1" name="image1" /> </div> Now I want to create a JavaScript function that will add a class to the div (…

Read More
How can I remove a style added with .css() function?

I'm changing CSS with jQuery and I wish to remove the styling I'm adding based on the input value: if(color != '000000') $("body").css("background-color", color); else // remove style ? How can I do this? Note that the line above …

Read More
Slide right to left?

How can I have a div go from collapsed to expanded (and vice versa), but do so from right to left? Most everything I see out there is always left to right.

Read More