Flipping Playing cards 3D – WordPress
- Colection of Flips and Effects of cards making use of CSS 3D and jQuery.
- Straightforward to carry out with your WordPress.
- Will work in all contemporary browsers (Google Chrome, Safari, Firefox).
- IE fallback of fade outcome.
Increase a Flipping card to your posts or pages with this shortcode:
[flippingCard] [fc_front] Listed here GOES THE HTML FOR THE Front Component OF THE FLIPPING CARD [/fc_front] [fc_back] Listed here GOES THE HTML FOR THE Again Component OF THE FLIPPING CARD [/fc_back] [/flippingCard]
Be aware: If you would like to know how I configure the admin web page and customise the flipping cards in the dwell preview, get hold of me by means of electronic mail and I will demonstrate you all I did.
You can edit a one Flipping Card by passing parameters, these are all the parameters available:
[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"]
Transform Log
----> Update: December 13, 2018 Now appropriate with WP 5 ----> Update: Jul 3, 2014 Fastened some issues with Firefox v30 ----> Update: Feb 26, 2014 Now you can specify the ratio in the shortcode like this: ratio="1:2" ----> Update: Dec 17, 2013 Fastened some difficulties with some themes that had been putting the images upside down ----> Update: Nov 19, 2013 Now the fallback is suitable with IE 11 ----> Update: Oct 10, 2013 Fixed some challenges with the fallback with some themes! ----> Update: October 6, 2013 Set some troubles when you hover about a flipping card when the web site is loading ----> Update: August 6, 2013 (substitute CSS file) Resolve some issues with the 3D result on Firefox ----> Update: July 26, 2013 Set some console glitches on IE ----> Update: May well 21, 2013 Preset some sticking troubles in firefox for the above flipping cards ----> Big Update: May perhaps 8, 2013 Automobile Flip Influence is now obtainable, you can set the time until a card will flip immediately, also you can set the time when the card will commence performing the autoflips. (you can see it in the live preview) Note: when you do a mouseover on an vehicle flipping card it will not flip as extensive as you have the mouse around the card ----> Update: April 28, 2013 Now is compatible with jQuery 1.9.1 ----> Update: April 10, 2013 Fastened some IE challenges ----> Update: March 20, 2013 Increase also a fallback of a fade outcome for browsers that not guidance CSS3D like outdated variations of Chrome and Firefox. ----> Update: Feb 28, 2013 Add a attribute that let you to add third-social gathering shortcodes inside the flipping card
Configuration: listed here