Rotating CSS Card

Cards Snippet
· 4.80/5 (76 Reviews)

MIT License

16,921 Downloads
66 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!

66 Web Developers commented on this product

pepperstreet
  • downloaded
4 months ago

@ @lcurry curry The small script is inline, see bottom of the example html page. Look for "rotateCard".

dzyslinjez
  • downloaded
4 months ago

Dope

allan.joshua
  • downloaded
3 months ago

How do I choose the manual rotation option?

axelut
  • downloaded

@allan.joshua thank you for using our product. Download the archive, go to the index page, choose the second card copy/paste code and you have the manual rotation already coded. Hope this helps. Best, Alex!
3 months ago

gfelot
  • downloaded
3 months ago

Hi creative tim team ! Amazing product... I tried to mix up the Hipster Card and this CSS rotation, but I have a strange behaviour and I dunno hoe to fix it. The text in the back blink then disappear when I hover a card. I reallt have no clue whats happen and how to fix it ? Thanks !

kyledrew
  • downloaded
1 month ago

I'm wanting to add this to my project, but when I try to I get an odd behavior and I'm guessing it is attributed to the fact I'm using the latest version of bootstrap for my foundation. I add in the card CSS, copy over the manual rotate card html and preview it and just end up getting the title "Andrew Mike" down the page. Any insight?

axelut
  • downloaded

@kyledrew thank you for using our product. At this moment the cards are working on Bootstrap 3. Unfortunately, we are very very busy at this moment with the other UI Kits and Dashboards and their conversion to Bootstrap 4 in order to update the cards. As soon as we finish the current workload we will update all our "small plugins" too. If you want to contribute with a solution it would be great and the community will appreciate for sure. Hope you understand the situation. Best, Alex!
1 month ago

kyledrew
  • downloaded

I can work on it this weekend and see what I can do to get it working.
1 month ago

kyledrew
  • downloaded

I got it working. The classes did not change for cards from bootstrap 3 to bootstrap v4beta2. I forgot to add the jquery. Sometimes the simplest things can be overlooked. I would put a disclaimer that you will need the jquery for the template you provide on your site or just add it to cover all bases.
1 month ago

axelut
  • downloaded

@kyledrew that was funny :-), glad that it is working now!
1 month ago

arunbannur20
  • downloaded
1 month ago

Hii this is arun Amazing work

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

Why our customers appreciate us

Design Quality

Beautiful

Design Quality

Other

Una novità rispetto alle solite card