1 Replies - 20579 Views - Last Post: 19 December 2012 - 09:13 AM

#1 detection   User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 1
  • Joined: 16-December 12

CSS "card flip" animation within jQuery carousel?

Posted 16 December 2012 - 09:07 PM

Hi all,

I'm a graphic design student currently working on my portfolio website. I'm going for a pretty minimal design, but have created a sort of complicated idea in my head it seems...

I am using this jQuery carousel to display my works. The thing is, I would like to know if it's possible to employ CSS flip card animations within the carousel - as in, you would hover over (or click if necessary) one work, and it would flip over to reveal more shots and/or a description.

I've tried several different options for the CSS flip and none have worked. I'm not sure it's possible, or perhaps just not with CSS? Or perhaps not at all inside the carousel.

Thanks for reading and any help you may be able to offer!

Is This A Good Question/Topic? 0
  • +

Replies To: CSS "card flip" animation within jQuery carousel?

#2 SpAm101   User is offline

  • D.I.C Head

Reputation: 11
  • View blog
  • Posts: 54
  • Joined: 28-November 12

Re: CSS "card flip" animation within jQuery carousel?

Posted 19 December 2012 - 09:13 AM

Hi detection

Have you tried using a JQuery flipper instead of a CSS3 one? :)

There are several ones that have much better corss-browser support than CSS3 flippers:

http://creativeproje...y-flip-plugins/

The first one (Flip!) has little to no documentation, but my looking at how the contents of the .js file you can grasp how it works, and parameters you can feed to it. :D
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1