Flipping Cards 3D – WordPress
Flipping Cards 3D – WordPress
- Colection of Flips and Effects of playing cards utilizing CSS 3D and jQuery.
- Easy to implement together with your WordPress.
- Works in all trendy 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]
Note: If you wish 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 can edit a single Flipping Card by passing parameters, these are all of the parameters obtainable:
[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
----> Update: March 19, 2021 Fixed compatibility points with newest variations of jQuery Updated the elements ----> Update: December 13, 2018 Now appropriate with WP 5 ----> Update: Jul 3, 2014 Fixed some points with Firefox v30 ----> Update: Feb 26, 2014 Now you may specify the ratio within the shortcode like this: ratio="1:2" ----> Update: Dec 17, 2013 Fixed some points with some themes that had been placing the photographs the wrong way up ----> Update: Nov 19, 2013 Now the fallback is appropriate with IE 11 ----> Update: October 10, 2013 Fixed some points with the fallback with some themes! ----> Update: October 6, 2013 Fixed some points once you hover over a flipping card when the web page is loading ----> Update: August 6, 2013 (exchange CSS file) Fix some points with the 3D impact on Firefox ----> Update: July 26, 2013 Fixed some console errors on IE ----> Update: May 21, 2013 Fixed some sticking points in firefox for the over flipping playing cards ----> BIG Update: May 8, 2013 Auto Flip Effect is now obtainable, you may set the time till a card will flip mechanically, additionally you may set the time when the cardboard will begin doing the autoflips. (you may see it within the dwell preview) NOTE: once 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 ----> Update: April 28, 2013 Now is appropriate with jQuery 1.9.1 ----> Update: April 10, 2013 Fixed some IE points ----> Update: March 20, 2013 Add additionally a fallback of a fade impact for browsers that not assist CSS3D like previous variations of Chrome and Firefox. ----> Update: Feb 28, 2013 Add a characteristic that mean you can add third-celebration shortcodes contained in the flipping card
Configuration: here
