{"id":246,"date":"2025-05-05T00:23:44","date_gmt":"2025-05-05T00:23:44","guid":{"rendered":"https:\/\/espo.codes\/wordpress\/?page_id=246"},"modified":"2025-05-05T00:26:03","modified_gmt":"2025-05-05T00:26:03","slug":"cards-demo","status":"publish","type":"page","link":"https:\/\/espo.codes\/wordpress\/cards-demo\/","title":{"rendered":"Cards Demo"},"content":{"rendered":"\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-6c531013 wp-block-group-is-layout-flex\"><div class=\"lazyblock-card-ytmEt wp-block-lazyblock-card\"><div class='card'>\r\n    <div class='card-inner'>\r\n        <div class='card-front'>\r\n            <h2>Theme<\/h2>\r\n        <\/div>\r\n        <div class='card-back'>\r\n            <h2>Controls look and feel<\/h2>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n<style>\r\n    .card{\r\n        height: 500px;\r\n        width: 300px;\r\n        border-radius: 10px;\r\n    }\r\n   \r\n    .card-inner{\r\n        position: relative;\r\n        width: 100%;\r\n        height: 150px;\r\n        padding-bottom: 100%;\r\n        transition: transform 0.6s;\r\n        transform-style: preserve-3d;\r\n    }\r\n   \r\n    .card:hover .card-inner{\r\n        transform: rotateY(180deg);\r\n    }\r\n   \r\n    .card-front, .card-back{\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n        backface-visibility: hidden;\r\n        display:flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 20px;\r\n    }\r\n   \r\n    .card-front{\r\n        background: Yellow;\r\n    }\r\n   \r\n    .card-back{\r\n        background: #ff0066;\r\n        color: #fff;\r\n        transform: rotateY(180deg);\r\n    }\r\n<\/style>\r\n<\/div>\n\n<div class=\"lazyblock-card-Z1r83KD wp-block-lazyblock-card\"><div class='card'>\r\n    <div class='card-inner'>\r\n        <div class='card-front'>\r\n            <h2>Plugin<\/h2>\r\n        <\/div>\r\n        <div class='card-back'>\r\n            <h2>Changes or adds behavior<\/h2>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n<style>\r\n    .card{\r\n        height: 500px;\r\n        width: 300px;\r\n        border-radius: 10px;\r\n    }\r\n   \r\n    .card-inner{\r\n        position: relative;\r\n        width: 100%;\r\n        height: 150px;\r\n        padding-bottom: 100%;\r\n        transition: transform 0.6s;\r\n        transform-style: preserve-3d;\r\n    }\r\n   \r\n    .card:hover .card-inner{\r\n        transform: rotateY(180deg);\r\n    }\r\n   \r\n    .card-front, .card-back{\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n        backface-visibility: hidden;\r\n        display:flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 20px;\r\n    }\r\n   \r\n    .card-front{\r\n        background: Yellow;\r\n    }\r\n   \r\n    .card-back{\r\n        background: #ff0066;\r\n        color: #fff;\r\n        transform: rotateY(180deg);\r\n    }\r\n<\/style>\r\n<\/div><\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-246","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/espo.codes\/wordpress\/wp-json\/wp\/v2\/pages\/246","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/espo.codes\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/espo.codes\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/espo.codes\/wordpress\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/espo.codes\/wordpress\/wp-json\/wp\/v2\/comments?post=246"}],"version-history":[{"count":5,"href":"https:\/\/espo.codes\/wordpress\/wp-json\/wp\/v2\/pages\/246\/revisions"}],"predecessor-version":[{"id":251,"href":"https:\/\/espo.codes\/wordpress\/wp-json\/wp\/v2\/pages\/246\/revisions\/251"}],"wp:attachment":[{"href":"https:\/\/espo.codes\/wordpress\/wp-json\/wp\/v2\/media?parent=246"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}