Flipping Cards 3D – WordPress
- Colection of Flips and Outcomes of playing cards applying CSS 3D and jQuery.
- Effortless to implement with your WordPress.
- Will work in all modern browsers (Google Chrome, Safari, Firefox).
- IE fallback of fade outcome.
Incorporate a Flipping card to your posts or pages with this shortcode:
[flippingCard] [fc_front] Listed here GOES THE HTML FOR THE Entrance Section OF THE FLIPPING CARD [/fc_front] [fc_back] Listed here GOES THE HTML FOR THE Again Section OF THE FLIPPING CARD [/fc_back] [/flippingCard]
Note: If you would like to know how I configure the admin site and personalize the flipping playing cards in the live preview, contact me by using e-mail and I will clearly show you all I did.
You can edit a single Flipping Card by passing parameters, these are all 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"]
----> Update: December 13, 2018 Now compatible with WP 5 ----> Update: Jul 3, 2014 Set some concerns 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 challenges with some themes that were being placing the photos upside down ----> Update: Nov 19, 2013 Now the fallback is compatible with IE 11 ----> Update: October 10, 2013 Fastened some challenges with the fallback with some themes! ----> Update: Oct 6, 2013 Preset some concerns when you hover above a flipping card when the site is loading ----> Update: August 6, 2013 (replace CSS file) Fix some troubles with the 3D effect on Firefox ----> Update: July 26, 2013 Fastened some console faults on IE ----> Update: May well 21, 2013 Preset some sticking challenges in firefox for the around flipping playing cards ----> Big Update: Could 8, 2013 Automobile Flip Impact is now readily available, you can established the time right until a card will flip routinely, also you can established the time when the card will commence doing the autoflips. (you can see it in the live preview) Take note: when you do a mouseover on an car flipping card it will not flip as very long as you have the mouse about the card ----> Update: April 28, 2013 Now is suitable with jQuery 1.9.1 ----> Update: April 10, 2013 Mounted some IE problems ----> Update: March 20, 2013 Increase also a fallback of a fade effect for browsers that not assistance CSS3D like aged variations of Chrome and Firefox. ----> Update: Feb 28, 2013 Include a attribute that let you to increase third-get together shortcodes inside of the flipping card