Flipping Playing cards 3D – WordPress
- Colection of Flips and Results of playing cards utilizing CSS 3D and jQuery.
- Simple to implement along with your WordPress.
- Works in all fashionable browsers (Google Chrome, Safari, Firefox).
- IE fallback of fade impact.
Add a Flipping card to your posts or pages with this shortcode:
[flippingCard]
[fc_front]
HERE GOES THE HTML FOR THE FRONT PART OF THE FLIPPING CARD
[/fc_front]
[fc_back]
HERE GOES THE HTML FOR THE BACK PART OF THE FLIPPING CARD
[/fc_back]
[/flippingCard]
Word: If you want to know the way I configure the admin web page and customise the flipping playing cards within the dwell preview, contact me by way of e-mail and I’ll present you all I did.
You’ll be able to edit a single Flipping Card by passing parameters, these are all of the parameters accessible:
[flippingCard direction="right" type="over" float="left" margin="0 10px 10px 0" width="300px" height="300px" border="1px solid gray" borderradius="10px" background="white" padding="20px" textalign="center" ratio="1:2"]
Change Log
----> Replace: March 19, 2021 Mounted compatibility points with newest variations of jQuery Up to date the parts ----> Replace: December 13, 2018 Now appropriate with WP 5 ----> Replace: Jul 3, 2014 Mounted some points with Firefox v30 ----> Replace: Feb 26, 2014 Now you'll be able to specify the ratio within the shortcode like this: ratio="1:2" ----> Replace: Dec 17, 2013 Mounted some points with some themes that had been placing the photographs the other way up ----> Replace: Nov 19, 2013 Now the fallback is appropriate with IE 11 ----> Replace: October 10, 2013 Mounted some points with the fallback with some themes! ----> Replace: October 6, 2013 Mounted some points if you hover over a flipping card when the web page is loading ----> Replace: August 6, 2013 (substitute CSS file) Repair some points with the 3D impact on Firefox ----> Replace: July 26, 2013 Mounted some console errors on IE ----> Replace: Might 21, 2013 Mounted some sticking points in firefox for the over flipping playing cards ----> BIG Replace: Might 8, 2013 Auto Flip Impact is now accessible, you'll be able to set the time till a card will flip robotically, additionally you'll be able to set the time when the cardboard will begin doing the autoflips. (you'll be able to see it within the dwell preview) NOTE: if you do a mouseover on an auto flipping card it is not going to flip as lengthy as you've got the mouse over the cardboard ----> Replace: April 28, 2013 Now could be appropriate with jQuery 1.9.1 ----> Replace: April 10, 2013 Mounted some IE points ----> Replace: March 20, 2013 Add additionally a fallback of a fade impact for browsers that not assist CSS3D like previous variations of Chrome and Firefox. ----> Replace: Feb 28, 2013 Add a characteristic that can help you add third-party shortcodes contained in the flipping card
Configuration: here
