{"id":10,"date":"2020-07-22T21:16:26","date_gmt":"2020-07-22T21:16:26","guid":{"rendered":"http:\/\/www.castlecodeweb.com\/wp-flippingcards3d\/?page_id=10"},"modified":"2020-07-22T21:45:49","modified_gmt":"2020-07-22T21:45:49","slug":"flipping-cards","status":"publish","type":"page","link":"https:\/\/www.castlecodeweb.com\/wp-flippingcards3d\/","title":{"rendered":"Flipping Cards Example"},"content":{"rendered":"
\n

Auto Flipping Cards – All at once<\/h2>\n
\n\r\n \t\t\t
\r\n\r\n \t\t\t
\r\n \t\t\t \r\n \t\t\t
\r\n \t\t\t\t\n\n\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t
\r\n \t\t\t\t<\/p>\n

Internet\nExplorer<\/h3>\n

\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t <\/div>\r\n \t\t\t\t\r\n \t\t\t<\/div>\r\n \t<\/p>\n\r\n \t\t\t

\r\n\r\n \t\t\t
\r\n \t\t\t \r\n \t\t\t
\r\n \t\t\t\t<\/p>\n

Flipping Card<\/h2>\n

\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t

\r\n \t\t\t\t\n\n\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t <\/div>\r\n \t\t\t\t\r\n \t\t\t<\/div>\r\n \t\n\r\n \t\t\t
\r\n\r\n \t\t\t
\r\n \t\t\t \r\n \t\t\t
\r\n \t\t\t\t\n\n\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t
\r\n \t\t\t\t<\/p>\n

Google\nChrome<\/h3>\n

\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t <\/div>\r\n \t\t\t\t\r\n \t\t\t<\/div>\r\n \t\n\r\n \t\t\t

\r\n\r\n \t\t\t
\r\n \t\t\t \r\n \t\t\t
\r\n \t\t\t\t\n\n\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t
\r\n \t\t\t\t<\/p>\n

Skype<\/h3>\n

\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t <\/div>\r\n \t\t\t\t\r\n \t\t\t<\/div>\r\n \t\n\r\n \t\t\t

\r\n\r\n \t\t\t
\r\n \t\t\t \r\n \t\t\t
\r\n \t\t\t\t\n\n\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t
\r\n \t\t\t\t<\/p>\n

Mozilla\nFirefox<\/h3>\n

\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t <\/div>\r\n \t\t\t\t\r\n \t\t\t<\/div>\r\n \t\n\r\n \t\t\t

\r\n\r\n \t\t\t
\r\n \t\t\t \r\n \t\t\t
\r\n \t\t\t\t<\/p>\n

Flipping Card<\/h2>\n

\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t

\r\n \t\t\t\t\n\n\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t <\/div>\r\n \t\t\t\t\r\n \t\t\t<\/div>\r\n \t\n\r\n \t\t\t
\r\n\r\n \t\t\t
\r\n \t\t\t \r\n \t\t\t
\r\n \t\t\t\t\n\n\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t
\r\n \t\t\t\t<\/p>\n

Android<\/h3>\n

\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t <\/div>\r\n \t\t\t\t\r\n \t\t\t<\/div>\r\n \t\n\r\n \t\t\t

\r\n\r\n \t\t\t
\r\n \t\t\t \r\n \t\t\t
\r\n \t\t\t\t<\/p>\n

Flipping Card<\/h2>\n

(Right)<\/h4>\n

\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t

\r\n \t\t\t\t\n\n\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t <\/div>\r\n \t\t\t\t\r\n \t\t\t<\/div>\r\n \t\n\r\n \t\t\t
\r\n\r\n \t\t\t
\r\n \t\t\t \r\n \t\t\t
\r\n \t\t\t\t\n\n\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t
\r\n \t\t\t\t<\/p>\n

Safari<\/h3>\n

\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t <\/div>\r\n \t\t\t\t\r\n \t\t\t<\/div>\r\n \t\n<\/div>\n

<\/div>\n

Auto Flipping Cards – At different times<\/h2>\n

<\/p>\n

\n\r\n \t\t\t
\r\n\r\n \t\t\t
\r\n \t\t\t \r\n \t\t\t
\r\n \t\t\t\t\n\n\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t
\r\n \t\t\t\t<\/p>\n

Internet\nExplorer<\/h3>\n

\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t <\/div>\r\n \t\t\t\t\r\n \t\t\t<\/div>\r\n \t<\/p>\n\r\n \t\t\t

\r\n\r\n \t\t\t
\r\n \t\t\t \r\n \t\t\t
\r\n \t\t\t\t<\/p>\n

Flipping Card<\/h2>\n

\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t

\r\n \t\t\t\t\n\n\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t <\/div>\r\n \t\t\t\t\r\n \t\t\t<\/div>\r\n \t\n\r\n \t\t\t
\r\n\r\n \t\t\t
\r\n \t\t\t \r\n \t\t\t
\r\n \t\t\t\t\n\n\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t
\r\n \t\t\t\t<\/p>\n

Google\nChrome<\/h3>\n

\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t <\/div>\r\n \t\t\t\t\r\n \t\t\t<\/div>\r\n \t\n\r\n \t\t\t

\r\n\r\n \t\t\t
\r\n \t\t\t \r\n \t\t\t
\r\n \t\t\t\t\n\n\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t
\r\n \t\t\t\t<\/p>\n

Skype<\/h3>\n

\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t <\/div>\r\n \t\t\t\t\r\n \t\t\t<\/div>\r\n \t\n\r\n \t\t\t

\r\n\r\n \t\t\t
\r\n \t\t\t \r\n \t\t\t
\r\n \t\t\t\t\n\n\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t
\r\n \t\t\t\t<\/p>\n

Mozilla\nFirefox<\/h3>\n

\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t <\/div>\r\n \t\t\t\t\r\n \t\t\t<\/div>\r\n \t\n\r\n \t\t\t

\r\n\r\n \t\t\t
\r\n \t\t\t \r\n \t\t\t
\r\n \t\t\t\t<\/p>\n

Flipping Card<\/h2>\n

\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t

\r\n \t\t\t\t\n\n\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t <\/div>\r\n \t\t\t\t\r\n \t\t\t<\/div>\r\n \t\n\r\n \t\t\t
\r\n\r\n \t\t\t
\r\n \t\t\t \r\n \t\t\t
\r\n \t\t\t\t\n\n\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t
\r\n \t\t\t\t<\/p>\n

Android<\/h3>\n

\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t <\/div>\r\n \t\t\t\t\r\n \t\t\t<\/div>\r\n \t\n\r\n \t\t\t

\r\n\r\n \t\t\t
\r\n \t\t\t \r\n \t\t\t
\r\n \t\t\t\t<\/p>\n

Flipping Card<\/h2>\n

(Right)<\/h4>\n

\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t

\r\n \t\t\t\t\n\n\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t <\/div>\r\n \t\t\t\t\r\n \t\t\t<\/div>\r\n \t\n\r\n \t\t\t
\r\n\r\n \t\t\t
\r\n \t\t\t \r\n \t\t\t
\r\n \t\t\t\t\n\n\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t
\r\n \t\t\t\t<\/p>\n

Safari<\/h3>\n

\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t <\/div>\r\n \t\t\t\t\r\n \t\t\t<\/div>\r\n \t\n<\/div>\n

<\/div>\n

Over Flipping Cards<\/h2>\n

<\/p>\n\r\n \t\t\t

\r\n\r\n \t\t\t
\r\n \t\t\t \r\n \t\t\t
\r\n \t\t\t\t<\/p>\n

Over this card<\/h2>\n

(Right)<\/h4>\n

\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t

\r\n \t\t\t\t<\/p>\n

This is\nthe backside<\/h2>\n

\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t <\/div>\r\n \t\t\t\t\r\n \t\t\t<\/div>\r\n \t\n\r\n \t\t\t

\r\n\r\n \t\t\t
\r\n \t\t\t \r\n \t\t\t
\r\n \t\t\t\t<\/p>\n

Over this card<\/h2>\n

(Left)<\/h4>\n

You can add images too\n\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t

\r\n \t\t\t\t\n\"img\"<\/a>\n\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t <\/div>\r\n \t\t\t\t\r\n \t\t\t<\/div>\r\n \t\n\r\n \t\t\t
\r\n\r\n \t\t\t
\r\n \t\t\t \r\n \t\t\t
\r\n \t\t\t\t<\/p>\n

Over this card<\/h2>\n

(Top)<\/h4>\n

\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t

\r\n \t\t\t\t<\/p>\n

This is\nthe backside<\/h2>\n

\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t <\/div>\r\n \t\t\t\t\r\n \t\t\t<\/div>\r\n \t\n\r\n \t\t\t

\r\n\r\n \t\t\t
\r\n \t\t\t \r\n \t\t\t
\r\n \t\t\t\t<\/p>\n

Over this card<\/h2>\n

(Bottom)<\/h4>\n

\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t

\r\n \t\t\t\t<\/p>\n

This is\nthe backside<\/h2>\n

\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t <\/div>\r\n \t\t\t\t\r\n \t\t\t<\/div>\r\n \t\n

<\/div>\n

Over Flipping Cards – Border Radius at 50%<\/h2>\n

<\/p>\n\r\n \t\t\t

\r\n\r\n \t\t\t
\r\n \t\t\t \r\n \t\t\t
\r\n \t\t\t\t<\/p>\n

Over\nthis card<\/h2>\n

(Right)<\/h4>\n

\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t

\r\n \t\t\t\t<\/p>\n

This is\nthe backside<\/h2>\n

\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t <\/div>\r\n \t\t\t\t\r\n \t\t\t<\/div>\r\n \t\n\r\n \t\t\t

\r\n\r\n \t\t\t
\r\n \t\t\t \r\n \t\t\t
\r\n \t\t\t\t<\/p>\n

Over\nthis card<\/h2>\n

(Left)<\/h4>\n

\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t

\r\n \t\t\t\t<\/p>\n

This is\nthe backside<\/h2>\n

\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t <\/div>\r\n \t\t\t\t\r\n \t\t\t<\/div>\r\n \t\n\r\n \t\t\t

\r\n\r\n \t\t\t
\r\n \t\t\t \r\n \t\t\t
\r\n \t\t\t\t<\/p>\n

Over\nthis card<\/h2>\n

(Top)<\/h4>\n

\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t

\r\n \t\t\t\t<\/p>\n

This is\nthe backside<\/h2>\n

\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t <\/div>\r\n \t\t\t\t\r\n \t\t\t<\/div>\r\n \t\n\r\n \t\t\t

\r\n\r\n \t\t\t
\r\n \t\t\t \r\n \t\t\t
\r\n \t\t\t\t<\/p>\n

Over\nthis card<\/h2>\n

(Bottom)<\/h4>\n

\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t

\r\n \t\t\t\t<\/p>\n

This is\nthe backside<\/h2>\n

\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t <\/div>\r\n \t\t\t\t\r\n \t\t\t<\/div>\r\n \t\n

<\/div>\n

Click Flipping Cards<\/h2>\n

<\/p>\n\r\n \t\t\t

\r\n\r\n \t\t\t
\r\n \t\t\t \r\n \t\t\t
\r\n \t\t\t\t<\/p>\n

Click this card<\/h2>\n

(Right)<\/h4>\n

\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t

\r\n \t\t\t\t<\/p>\n

This is\nthe backside<\/h2>\n

\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t <\/div>\r\n \t\t\t\t\r\n \t\t\t<\/div>\r\n \t\n\r\n \t\t\t

\r\n\r\n \t\t\t
\r\n \t\t\t \r\n \t\t\t
\r\n \t\t\t\t<\/p>\n

Click this card<\/h2>\n

(Left)<\/h4>\n

\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t

\r\n \t\t\t\t<\/p>\n

This is\nthe backside<\/h2>\n

\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t <\/div>\r\n \t\t\t\t\r\n \t\t\t<\/div>\r\n \t\n\r\n \t\t\t

\r\n\r\n \t\t\t
\r\n \t\t\t \r\n \t\t\t
\r\n \t\t\t\t<\/p>\n

Click this card<\/h2>\n

(Top)<\/h4>\n

\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t

\r\n \t\t\t\t<\/p>\n

This is\nthe backside<\/h2>\n

\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t <\/div>\r\n \t\t\t\t\r\n \t\t\t<\/div>\r\n \t\n\r\n \t\t\t

\r\n\r\n \t\t\t
\r\n \t\t\t \r\n \t\t\t
\r\n \t\t\t\t<\/p>\n

Click this card<\/h2>\n

(Bottom)<\/h4>\n

\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t

\r\n \t\t\t\t<\/p>\n

This is\nthe backside<\/h2>\n

\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t <\/div>\r\n \t\t\t\t\r\n \t\t\t<\/div>\r\n \t\n

<\/div>\n

Button Flipping Cards<\/h2>\n

<\/p>\n\r\n \t\t\t

\r\n\r\n \t\t\t
\r\n \t\t\t \r\n \t\t\t
\r\n \t\t\t\t<\/p>\n

Some\nRandom Text<\/h2>\n

\n\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t

\r\n \t\t\t\t<\/p>\n

This is\nthe backside<\/h2>\n

\n\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t <\/div>\r\n \t\t\t\t\r\n \t\t\t<\/div>\r\n \t\n\r\n \t\t\t

\r\n\r\n \t\t\t
\r\n \t\t\t \r\n \t\t\t
\r\n \t\t\t\t<\/p>\n

Some\nRandom Text<\/h2>\n

\n\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t

\r\n \t\t\t\t<\/p>\n

This is\nthe backside<\/h2>\n

\n\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t <\/div>\r\n \t\t\t\t\r\n \t\t\t<\/div>\r\n \t\n\r\n \t\t\t

\r\n\r\n \t\t\t
\r\n \t\t\t \r\n \t\t\t
\r\n \t\t\t\t<\/p>\n

Some\nRandom Text<\/h2>\n

\n\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t

\r\n \t\t\t\t<\/p>\n

This is\nthe backside<\/h2>\n

\n\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t <\/div>\r\n \t\t\t\t\r\n \t\t\t<\/div>\r\n \t\n\r\n \t\t\t

\r\n\r\n \t\t\t
\r\n \t\t\t \r\n \t\t\t
\r\n \t\t\t\t<\/p>\n

Some\nRandom Text<\/h2>\n

\n\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t

\r\n \t\t\t\t<\/p>\n

This is\nthe backside<\/h2>\n

\n\r\n\t\t\t <\/div>\r\n \t\t\r\n \t\t\t <\/div>\r\n \t\t\t\t\r\n \t\t\t<\/div>\r\n \t\n

<\/div>\n

Note: You can also add flipping cards in the side bar widget<\/h2>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

Auto Flipping Cards – All at once Auto Flipping Cards – At different times Over Flipping Cards Over Flipping Cards – Border Radius at 50% Click Flipping Cards Button Flipping Cards Note: You can also add flipping cards in the side bar widget<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/www.castlecodeweb.com\/wp-flippingcards3d\/wp-json\/wp\/v2\/pages\/10"}],"collection":[{"href":"https:\/\/www.castlecodeweb.com\/wp-flippingcards3d\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.castlecodeweb.com\/wp-flippingcards3d\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.castlecodeweb.com\/wp-flippingcards3d\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.castlecodeweb.com\/wp-flippingcards3d\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":8,"href":"https:\/\/www.castlecodeweb.com\/wp-flippingcards3d\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":34,"href":"https:\/\/www.castlecodeweb.com\/wp-flippingcards3d\/wp-json\/wp\/v2\/pages\/10\/revisions\/34"}],"wp:attachment":[{"href":"https:\/\/www.castlecodeweb.com\/wp-flippingcards3d\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}