😍 Case Study: "How we built from scratch Light Bootstrap Dashboard" on one of the biggest publications on Medium: FreeCodeCamp.

Rotating CSS Card

Cards Snippet
· 4.80/5 (68 Reviews)

MIT License

15,967 Downloads
64 Comments
Regular Support
Lifetime Updates
Release: 3 years ago
Update: 1 year ago
Icon html
Icon bootstrap
Product certified by: Creative Tim

We are here to help you!

64 Web Developers commented on this product

fernando.h.
  • downloaded
1 year ago

Elena congratulation. You and Alex.... and team is very good with design, JavaScript, css3, Bootstrap, fantastic!!! Why not implement the <div class="details"> created in the cards of index: http://www.creative-tim.com/ I look that <div class="details"> have information the developers, comments and numbers downloaded. Implementat in the card rotate, is very good!!! Thanks!

cristina
  • owner

Hey @fernando.h. ! Thank you for using our product and letting us know how to improve it. We will thinking about how to best add the details from the cards on the landing page here too. We will keep you posted about the update!
1 year ago

tanja.sennhauser
  • downloaded
1 year ago

Hi there, I have the same problem like other customers and don't know how to solve. I have manual flipping card active and when I hover the card in IE the card rotates and shows instead the back side the first side mirrored. How can I disable this hover effect and make card showing second side after clicking? Thanks for helping me.

jason2_au
  • downloaded
1 year ago

Hi, Thanks for the awesome card!

afaaq.mib
  • downloaded
1 year ago

;)

luciano.mariani
  • downloaded
1 year ago

Hi, thanks a lot for this "simple" and awesome css feature. Now embody in the new web www.nearpx.com for rotate each images, we collect a little preview from social network with images around you! Gr8 Work ;)

axelut
  • downloaded
1 year ago

@bic.app , @gautam.chaudhary and Anonymous Tim based on your requests we made the Fix for IE on manual flip. Please download the version 1.3.1 to get the update. Best, Alex!

gautam.chaudhary
  • downloaded

@axelut Thanks a lot, worked perfectly.
1 year ago

traduccionesvalguer
  • downloaded
1 year ago

Thank you very much, this is just perfect for the design of my Java project.

greggq9
  • downloaded
1 year ago

What about using this with the Hipster Cards? Just add the rotating-card.css? looks like bootstrap.css, bootstrap.min.js, and jquery-1.10.2.js files are in both Hipster and Flipping. Are the JS and bootstrap scripts identical? Thanks!

eleazar007
  • downloaded
1 year ago

It's a fantastic design

kpx45
  • downloaded
1 year ago

Hey I'm trying to use this with Material Design for Bootstrap and it's not working :(. I think there is a conflict with a lot of the card classes.

axelut
  • downloaded

@kpx45 Thank you for the information. We didn't check yet the Material Design for Bootstrap but you can either change our ".card" with ".rotating-card" or their ".card" with ".material-card". You can use any text editor to "Find and Replace All" the instances of class ".card" with with the 2 options that I gave and then everywhere in HTML where you need to use the card replace class="card" with "rotating-card" or "material-card". That should work smooth :-)
1 year ago

You have to be logged in to post a comment. Login here.

Why our customers appreciate us

Design Quality

Design Quality

Design Quality