{"id":30374,"date":"2025-09-10T06:07:36","date_gmt":"2025-09-10T06:07:36","guid":{"rendered":"https:\/\/boi4u.com\/games-parallax-3d-content-card\/"},"modified":"2025-09-10T06:07:36","modified_gmt":"2025-09-10T06:07:36","slug":"games-parallax-3d-content-card","status":"publish","type":"page","link":"https:\/\/boi4u.com\/zh\/games-parallax-3d-content-card\/","title":{"rendered":"Games Parallax 3D Content Card"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"30374\" class=\"elementor elementor-30374\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-532cd06 e-flex e-con-boxed e-con e-parent\" data-id=\"532cd06\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-c5236de e-con-full e-flex e-con e-child\" data-id=\"c5236de\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"hf-elementor-layout elementor-element elementor-element-1e3233f elementor-widget elementor-widget-heading\" data-id=\"1e3233f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Play. Compete. Conquer.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"hf-elementor-layout elementor-element elementor-element-c2e6f8b elementor-widget elementor-widget-heading\" data-id=\"c2e6f8b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Step into the ultimate gaming portal \u2014 explore hundreds of free games, battle your friends, and climb global leaderboards.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8b56667 e-con-full e-grid e-con e-child\" data-id=\"8b56667\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"hf-elementor-layout elementor-element elementor-element-f5c2c1e elementor-widget-tablet__width-inherit e-transform elementor-widget elementor-widget-ucaddon_parallax_3d_content_card\" data-id=\"f5c2c1e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.02,&quot;sizes&quot;:[]},&quot;ekit_we_effect_on&quot;:&quot;none&quot;,&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"ucaddon_parallax_3d_content_card.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Parallax 3D Content Card -->\n<style>\/* widget: Parallax 3D Content Card *\/\n\n\/* css vars *\/\n:root {\n  --regular-transition: cubic-bezier(0.445, 0.05, 0.55, 0.95);\n  --hover-transition: cubic-bezier(0.23, 1, 0.32, 1);\n}\n\/* end css vars *\/\n\n#uc_parallax_3d_content_card_elementor_f5c2c1e{\n  min-height: 1px;\n  cursor: pointer;\n  position: relative;\n  transform: perspective(800px);\n  transform-style: preserve-3d;\n}\n\n#uc_parallax_3d_content_card_elementor_f5c2c1e .ue-3d-content-card-wrap{ \n  overflow: hidden;\n  transition: .3s var(--regular-transition);\n  position: relative;\n  display: flex;\n  will-change: transform; \n}\n\n#uc_parallax_3d_content_card_elementor_f5c2c1e .ue-3d-content-card-wrap::before{\n  content: \"\";\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  z-index: 0;\n  transition: 0.6s var(--hover-transition);\n}\n\n#uc_parallax_3d_content_card_elementor_f5c2c1e:hover .ue-3d-content-card-wrap{\n  transition: 0.6s var(--hover-transition), box-shadow 1s var(--hover-transition);\n}\n\n#uc_parallax_3d_content_card_elementor_f5c2c1e .ue-3d-content-card-img{\n  will-change: transform; \n  transition: .3s var(--regular-transition), opacity 1s var(--regular-transition);\n  position: absolute;\n  top: -40px;\n  left: -40px;\n  right: -40px;\n  bottom: -40px;\n  z-index: -1;\n}\n\n#uc_parallax_3d_content_card_elementor_f5c2c1e:hover .ue-3d-content-card-img{\n  transition: 0.6s var(--hover-transition), opacity 5s var(--hover-transition);\n}\n\n#uc_parallax_3d_content_card_elementor_f5c2c1e .ue-3d-content-card-overlay{\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  left: 0;\n  top: 0;\n  z-index: 0;\n  transition: .3s var(--regular-transition);\n}\n\n#uc_parallax_3d_content_card_elementor_f5c2c1e .ue-3d-content-card-content{\n  transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);\n  will-change: transform; \n}\n\n#uc_parallax_3d_content_card_elementor_f5c2c1e:hover .ue-3d-content-card-content{\n  transition: 0.6s var(--hover-transition);\n}\n\n#uc_parallax_3d_content_card_elementor_f5c2c1e .ue-3d-content-card-icon{\n  line-height: 1;\n}\n\n#uc_parallax_3d_content_card_elementor_f5c2c1e .ue-3d-content-card-button{\n  transition: all .3s var(--regular-transition);\n  display: inline-block;\n}\n\n#uc_parallax_3d_content_card_elementor_f5c2c1e .ue-3d-content-card-badge-wrap{\n        transform: rotate(0deg);\n      right:unset;\n      left:0;\n    top: 0;\n  position: absolute;\n  z-index: 1;\n}\n\n#uc_parallax_3d_content_card_elementor_f5c2c1e .ue-3d-content-card-badge{\n  width: 150%;\n  display:inline-flex;\n  justify-content:center;\n  align-items:center;\n}\n\n#uc_parallax_3d_content_card_elementor_f5c2c1e .ue-3d-content-card-badge-icon{\n  display:inline-flex;\n  justify-content:center;\n  align-items:center;\n}\n\n<\/style>\n\n<div id=\"uc_parallax_3d_content_card_elementor_f5c2c1e\" class=\"ue-3d-content-card\"> \n  <div class=\"ue-3d-content-card-wrap\"> \n        <div class=\"ue-3d-content-card-img\" style=\"background-image: url(https:\/\/boi4u.com\/wp-content\/uploads\/freepik__action-game-poster-a-muscular-battlescarred-africa__65617.jpeg)\"><\/div>    <div class=\"ue-3d-content-card-overlay\"><\/div>    <div class=\"ue-3d-content-card-content\">\n      <div class=\"ue-3d-content-card-icon\"><svg viewbox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M11 5.07089C7.93431 5.5094 5.5094 7.93431 5.07089 11H7V13H5.07089C5.5094 16.0657 7.93431 18.4906 11 18.9291V17H13V18.9291C16.0657 18.4906 18.4906 16.0657 18.9291 13H17V11H18.9291C18.4906 7.93431 16.0657 5.5094 13 5.07089V7H11V5.07089ZM3.05493 11C3.51608 6.82838 6.82838 3.51608 11 3.05493V1H13V3.05493C17.1716 3.51608 20.4839 6.82838 20.9451 11H23V13H20.9451C20.4839 17.1716 17.1716 20.4839 13 20.9451V23H11V20.9451C6.82838 20.4839 3.51608 17.1716 3.05493 13H1V11H3.05493ZM14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z\"><\/path><\/svg><\/div>      <div class=\"ue-3d-content-card-title\">Hellstorm<\/div>      <div class=\"ue-3d-content-card-subtitle\">Built like a tank, fights like a firestorm.<\/div>      <a class=\"ue-3d-content-card-button\" href=\"\" >Play Now<\/a>    <\/div>\n  <\/div>  \n<\/div>\n<!-- end Parallax 3D Content Card -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"hf-elementor-layout elementor-element elementor-element-3527eb1 elementor-widget-tablet__width-inherit e-transform elementor-widget elementor-widget-ucaddon_parallax_3d_content_card\" data-id=\"3527eb1\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.02,&quot;sizes&quot;:[]},&quot;ekit_we_effect_on&quot;:&quot;none&quot;,&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"ucaddon_parallax_3d_content_card.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Parallax 3D Content Card -->\n<style>\/* widget: Parallax 3D Content Card *\/\n\n\/* css vars *\/\n:root {\n  --regular-transition: cubic-bezier(0.445, 0.05, 0.55, 0.95);\n  --hover-transition: cubic-bezier(0.23, 1, 0.32, 1);\n}\n\/* end css vars *\/\n\n#uc_parallax_3d_content_card_elementor_3527eb1{\n  min-height: 1px;\n  cursor: pointer;\n  position: relative;\n  transform: perspective(800px);\n  transform-style: preserve-3d;\n}\n\n#uc_parallax_3d_content_card_elementor_3527eb1 .ue-3d-content-card-wrap{ \n  overflow: hidden;\n  transition: .3s var(--regular-transition);\n  position: relative;\n  display: flex;\n  will-change: transform; \n}\n\n#uc_parallax_3d_content_card_elementor_3527eb1 .ue-3d-content-card-wrap::before{\n  content: \"\";\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  z-index: 0;\n  transition: 0.6s var(--hover-transition);\n}\n\n#uc_parallax_3d_content_card_elementor_3527eb1:hover .ue-3d-content-card-wrap{\n  transition: 0.6s var(--hover-transition), box-shadow 1s var(--hover-transition);\n}\n\n#uc_parallax_3d_content_card_elementor_3527eb1 .ue-3d-content-card-img{\n  will-change: transform; \n  transition: .3s var(--regular-transition), opacity 1s var(--regular-transition);\n  position: absolute;\n  top: -40px;\n  left: -40px;\n  right: -40px;\n  bottom: -40px;\n  z-index: -1;\n}\n\n#uc_parallax_3d_content_card_elementor_3527eb1:hover .ue-3d-content-card-img{\n  transition: 0.6s var(--hover-transition), opacity 5s var(--hover-transition);\n}\n\n#uc_parallax_3d_content_card_elementor_3527eb1 .ue-3d-content-card-overlay{\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  left: 0;\n  top: 0;\n  z-index: 0;\n  transition: .3s var(--regular-transition);\n}\n\n#uc_parallax_3d_content_card_elementor_3527eb1 .ue-3d-content-card-content{\n  transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);\n  will-change: transform; \n}\n\n#uc_parallax_3d_content_card_elementor_3527eb1:hover .ue-3d-content-card-content{\n  transition: 0.6s var(--hover-transition);\n}\n\n#uc_parallax_3d_content_card_elementor_3527eb1 .ue-3d-content-card-icon{\n  line-height: 1;\n}\n\n#uc_parallax_3d_content_card_elementor_3527eb1 .ue-3d-content-card-button{\n  transition: all .3s var(--regular-transition);\n  display: inline-block;\n}\n\n#uc_parallax_3d_content_card_elementor_3527eb1 .ue-3d-content-card-badge-wrap{\n        transform: rotate(0deg);\n      right:unset;\n      left:0;\n    top: 0;\n  position: absolute;\n  z-index: 1;\n}\n\n#uc_parallax_3d_content_card_elementor_3527eb1 .ue-3d-content-card-badge{\n  width: 150%;\n  display:inline-flex;\n  justify-content:center;\n  align-items:center;\n}\n\n#uc_parallax_3d_content_card_elementor_3527eb1 .ue-3d-content-card-badge-icon{\n  display:inline-flex;\n  justify-content:center;\n  align-items:center;\n}\n\n<\/style>\n\n<div id=\"uc_parallax_3d_content_card_elementor_3527eb1\" class=\"ue-3d-content-card\"> \n  <div class=\"ue-3d-content-card-wrap\"> \n        <div class=\"ue-3d-content-card-img\" style=\"background-image: url(https:\/\/boi4u.com\/wp-content\/uploads\/freepik__action-game-poster-a-grizzled-caucasian-male-detec__65618.jpeg)\"><\/div>    <div class=\"ue-3d-content-card-overlay\"><\/div>    <div class=\"ue-3d-content-card-content\">\n      <div class=\"ue-3d-content-card-icon\"><svg viewbox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17 13C19.2091 13 21 14.7909 21 17C21 19.2091 19.2091 21 17 21C14.7909 21 13 19.2091 13 17H11C11 19.2091 9.20914 21 7 21C4.79086 21 3 19.2091 3 17C3 14.7909 4.79086 13 7 13C8.48052 13 9.77317 13.8043 10.4648 14.9999H13.5352C14.2268 13.8043 15.5195 13 17 13ZM7 15C5.89543 15 5 15.8954 5 17C5 18.1046 5.89543 19 7 19C8.10457 19 9 18.1046 9 17C9 15.8954 8.10457 15 7 15ZM17 15C15.8954 15 15 15.8954 15 17C15 18.1046 15.8954 19 17 19C18.1046 19 19 18.1046 19 17C19 15.8954 18.1046 15 17 15ZM16 3C18.2091 3 20 4.79086 20 7V10H22V12H2V10H4V7C4 4.79086 5.79086 3 8 3H16ZM16 5H8C6.94564 5 6 5.95 6 7V10H18V7C18 5.94564 17.05 5 16 5Z\"><\/path><\/svg><\/div>      <div class=\"ue-3d-content-card-title\">Shadow Verdict<\/div>      <div class=\"ue-3d-content-card-subtitle\">One bullet, one truth, no mercy.<\/div>      <a class=\"ue-3d-content-card-button\" href=\"\" >Play Now<\/a>    <\/div>\n  <\/div>  \n<\/div>\n<!-- end Parallax 3D Content Card -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"hf-elementor-layout elementor-element elementor-element-a05921e elementor-widget-tablet__width-inherit e-transform elementor-widget elementor-widget-ucaddon_parallax_3d_content_card\" data-id=\"a05921e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.02,&quot;sizes&quot;:[]},&quot;ekit_we_effect_on&quot;:&quot;none&quot;,&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"ucaddon_parallax_3d_content_card.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Parallax 3D Content Card -->\n<style>\/* widget: Parallax 3D Content Card *\/\n\n\/* css vars *\/\n:root {\n  --regular-transition: cubic-bezier(0.445, 0.05, 0.55, 0.95);\n  --hover-transition: cubic-bezier(0.23, 1, 0.32, 1);\n}\n\/* end css vars *\/\n\n#uc_parallax_3d_content_card_elementor_a05921e{\n  min-height: 1px;\n  cursor: pointer;\n  position: relative;\n  transform: perspective(800px);\n  transform-style: preserve-3d;\n}\n\n#uc_parallax_3d_content_card_elementor_a05921e .ue-3d-content-card-wrap{ \n  overflow: hidden;\n  transition: .3s var(--regular-transition);\n  position: relative;\n  display: flex;\n  will-change: transform; \n}\n\n#uc_parallax_3d_content_card_elementor_a05921e .ue-3d-content-card-wrap::before{\n  content: \"\";\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  z-index: 0;\n  transition: 0.6s var(--hover-transition);\n}\n\n#uc_parallax_3d_content_card_elementor_a05921e:hover .ue-3d-content-card-wrap{\n  transition: 0.6s var(--hover-transition), box-shadow 1s var(--hover-transition);\n}\n\n#uc_parallax_3d_content_card_elementor_a05921e .ue-3d-content-card-img{\n  will-change: transform; \n  transition: .3s var(--regular-transition), opacity 1s var(--regular-transition);\n  position: absolute;\n  top: -40px;\n  left: -40px;\n  right: -40px;\n  bottom: -40px;\n  z-index: -1;\n}\n\n#uc_parallax_3d_content_card_elementor_a05921e:hover .ue-3d-content-card-img{\n  transition: 0.6s var(--hover-transition), opacity 5s var(--hover-transition);\n}\n\n#uc_parallax_3d_content_card_elementor_a05921e .ue-3d-content-card-overlay{\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  left: 0;\n  top: 0;\n  z-index: 0;\n  transition: .3s var(--regular-transition);\n}\n\n#uc_parallax_3d_content_card_elementor_a05921e .ue-3d-content-card-content{\n  transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);\n  will-change: transform; \n}\n\n#uc_parallax_3d_content_card_elementor_a05921e:hover .ue-3d-content-card-content{\n  transition: 0.6s var(--hover-transition);\n}\n\n#uc_parallax_3d_content_card_elementor_a05921e .ue-3d-content-card-icon{\n  line-height: 1;\n}\n\n#uc_parallax_3d_content_card_elementor_a05921e .ue-3d-content-card-button{\n  transition: all .3s var(--regular-transition);\n  display: inline-block;\n}\n\n#uc_parallax_3d_content_card_elementor_a05921e .ue-3d-content-card-badge-wrap{\n        transform: rotate(0deg);\n      right:unset;\n      left:0;\n    top: 0;\n  position: absolute;\n  z-index: 1;\n}\n\n#uc_parallax_3d_content_card_elementor_a05921e .ue-3d-content-card-badge{\n  width: 150%;\n  display:inline-flex;\n  justify-content:center;\n  align-items:center;\n}\n\n#uc_parallax_3d_content_card_elementor_a05921e .ue-3d-content-card-badge-icon{\n  display:inline-flex;\n  justify-content:center;\n  align-items:center;\n}\n\n<\/style>\n\n<div id=\"uc_parallax_3d_content_card_elementor_a05921e\" class=\"ue-3d-content-card\"> \n  <div class=\"ue-3d-content-card-wrap\"> \n        <div class=\"ue-3d-content-card-img\" style=\"background-image: url(https:\/\/boi4u.com\/wp-content\/uploads\/freepik__action-game-poster-a-powerful-native-american-warr__65619.jpeg)\"><\/div>    <div class=\"ue-3d-content-card-overlay\"><\/div>    <div class=\"ue-3d-content-card-content\">\n      <div class=\"ue-3d-content-card-icon\"><svg viewbox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 17C14.2091 17 16 15.2091 16 13H14C14 14.1046 13.1046 15 12 15 10.8954 15 10 14.1046 10 13H8C8 15.2091 9.79086 17 12 17ZM6.5 2C4.01472 2 2 4.01472 2 6.5 2 7.85729 2.60121 9.07332 3.54934 9.89751 3.19384 10.8656 3 11.911 3 13 3 17.9706 7.02944 22 12 22 16.9706 22 21 17.9706 21 13 21 11.911 20.8062 10.8656 20.4507 9.89751 21.3988 9.07332 22 7.85729 22 6.5 22 4.01472 19.9853 2 17.5 2 15.8737 2 14.4505 2.8624 13.6601 4.15297 13.1215 4.05246 12.5665 4 12 4 11.4335 4 10.8785 4.05246 10.3399 4.15297 9.5495 2.8624 8.12635 2 6.5 2ZM4 6.5C4 5.11929 5.11929 4 6.5 4 7.58033 4 8.50304 4.68577 8.8517 5.64896L9.1696 6.52718 10.0675 6.26991C10.6801 6.09435 11.3282 6 12 6 12.6718 6 13.3199 6.09435 13.9325 6.26991L14.8304 6.52718 15.1483 5.64896C15.497 4.68577 16.4197 4 17.5 4 18.8807 4 20 5.11929 20 6.5 20 7.43301 19.4894 8.24804 18.7275 8.67859L17.9141 9.13832 18.3176 9.98107C18.7547 10.8939 19 11.9169 19 13 19 16.866 15.866 20 12 20 8.13401 20 5 16.866 5 13 5 11.9169 5.24529 10.8939 5.6824 9.98107L6.08595 9.13832 5.27248 8.6786C4.51064 8.24805 4 7.43301 4 6.5Z\"><\/path><\/svg><\/div>      <div class=\"ue-3d-content-card-title\">Bloodfang<\/div>      <div class=\"ue-3d-content-card-subtitle\">Untamed fury of the frozen wilds.<\/div>      <a class=\"ue-3d-content-card-button\" href=\"\" >Play Now<\/a>    <\/div>\n  <\/div>  \n<\/div>\n<!-- end Parallax 3D Content Card -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"hf-elementor-layout elementor-element elementor-element-21b6be9 elementor-widget-tablet__width-inherit e-transform elementor-widget elementor-widget-ucaddon_parallax_3d_content_card\" data-id=\"21b6be9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.02,&quot;sizes&quot;:[]},&quot;ekit_we_effect_on&quot;:&quot;none&quot;,&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"ucaddon_parallax_3d_content_card.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Parallax 3D Content Card -->\n<style>\/* widget: Parallax 3D Content Card *\/\n\n\/* css vars *\/\n:root {\n  --regular-transition: cubic-bezier(0.445, 0.05, 0.55, 0.95);\n  --hover-transition: cubic-bezier(0.23, 1, 0.32, 1);\n}\n\/* end css vars *\/\n\n#uc_parallax_3d_content_card_elementor_21b6be9{\n  min-height: 1px;\n  cursor: pointer;\n  position: relative;\n  transform: perspective(800px);\n  transform-style: preserve-3d;\n}\n\n#uc_parallax_3d_content_card_elementor_21b6be9 .ue-3d-content-card-wrap{ \n  overflow: hidden;\n  transition: .3s var(--regular-transition);\n  position: relative;\n  display: flex;\n  will-change: transform; \n}\n\n#uc_parallax_3d_content_card_elementor_21b6be9 .ue-3d-content-card-wrap::before{\n  content: \"\";\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  z-index: 0;\n  transition: 0.6s var(--hover-transition);\n}\n\n#uc_parallax_3d_content_card_elementor_21b6be9:hover .ue-3d-content-card-wrap{\n  transition: 0.6s var(--hover-transition), box-shadow 1s var(--hover-transition);\n}\n\n#uc_parallax_3d_content_card_elementor_21b6be9 .ue-3d-content-card-img{\n  will-change: transform; \n  transition: .3s var(--regular-transition), opacity 1s var(--regular-transition);\n  position: absolute;\n  top: -40px;\n  left: -40px;\n  right: -40px;\n  bottom: -40px;\n  z-index: -1;\n}\n\n#uc_parallax_3d_content_card_elementor_21b6be9:hover .ue-3d-content-card-img{\n  transition: 0.6s var(--hover-transition), opacity 5s var(--hover-transition);\n}\n\n#uc_parallax_3d_content_card_elementor_21b6be9 .ue-3d-content-card-overlay{\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  left: 0;\n  top: 0;\n  z-index: 0;\n  transition: .3s var(--regular-transition);\n}\n\n#uc_parallax_3d_content_card_elementor_21b6be9 .ue-3d-content-card-content{\n  transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);\n  will-change: transform; \n}\n\n#uc_parallax_3d_content_card_elementor_21b6be9:hover .ue-3d-content-card-content{\n  transition: 0.6s var(--hover-transition);\n}\n\n#uc_parallax_3d_content_card_elementor_21b6be9 .ue-3d-content-card-icon{\n  line-height: 1;\n}\n\n#uc_parallax_3d_content_card_elementor_21b6be9 .ue-3d-content-card-button{\n  transition: all .3s var(--regular-transition);\n  display: inline-block;\n}\n\n#uc_parallax_3d_content_card_elementor_21b6be9 .ue-3d-content-card-badge-wrap{\n        transform: rotate(0deg);\n      right:unset;\n      left:0;\n    top: 0;\n  position: absolute;\n  z-index: 1;\n}\n\n#uc_parallax_3d_content_card_elementor_21b6be9 .ue-3d-content-card-badge{\n  width: 150%;\n  display:inline-flex;\n  justify-content:center;\n  align-items:center;\n}\n\n#uc_parallax_3d_content_card_elementor_21b6be9 .ue-3d-content-card-badge-icon{\n  display:inline-flex;\n  justify-content:center;\n  align-items:center;\n}\n\n<\/style>\n\n<div id=\"uc_parallax_3d_content_card_elementor_21b6be9\" class=\"ue-3d-content-card\"> \n  <div class=\"ue-3d-content-card-wrap\"> \n        <div class=\"ue-3d-content-card-img\" style=\"background-image: url(https:\/\/boi4u.com\/wp-content\/uploads\/freepik__the-style-is-3d-model-with-octane-render-volumetri__65620.jpeg)\"><\/div>    <div class=\"ue-3d-content-card-overlay\"><\/div>    <div class=\"ue-3d-content-card-content\">\n      <div class=\"ue-3d-content-card-icon\"><svg viewbox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M11 1V2H7C5.34315 2 4 3.34315 4 5V8C4 10.7614 6.23858 13 9 13H15C17.7614 13 20 10.7614 20 8V5C20 3.34315 18.6569 2 17 2H13V1H11ZM6 5C6 4.44772 6.44772 4 7 4H17C17.5523 4 18 4.44772 18 5V8C18 9.65685 16.6569 11 15 11H9C7.34315 11 6 9.65685 6 8V5ZM9.5 9C10.3284 9 11 8.32843 11 7.5C11 6.67157 10.3284 6 9.5 6C8.67157 6 8 6.67157 8 7.5C8 8.32843 8.67157 9 9.5 9ZM14.5 9C15.3284 9 16 8.32843 16 7.5C16 6.67157 15.3284 6 14.5 6C13.6716 6 13 6.67157 13 7.5C13 8.32843 13.6716 9 14.5 9ZM6 22C6 18.6863 8.68629 16 12 16C15.3137 16 18 18.6863 18 22H20C20 17.5817 16.4183 14 12 14C7.58172 14 4 17.5817 4 22H6Z\"><\/path><\/svg><\/div>      <div class=\"ue-3d-content-card-title\">Shadow Verdict<\/div>      <div class=\"ue-3d-content-card-subtitle\">One bullet, one truth, no mercy.<\/div>      <a class=\"ue-3d-content-card-button\" href=\"\" >Play Now<\/a>    <\/div>\n  <\/div>  \n<\/div>\n<!-- end Parallax 3D Content Card -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>All Games. One Portal. Play. Compete. Conquer. Step into the ultimate gaming portal \u2014 explore hundreds of free games, battle your friends, and climb global leaderboards. Fast &#038; Free No downloads, just play. Leaderboards Prove your skills and rise. Multiplayer Fun Challenge your friends. Start Playing Now Hellstorm Built like a tank, fights like a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":30373,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"pmpro_default_level":"","footnotes":""},"class_list":["post-30374","page","type-page","status-publish","has-post-thumbnail","hentry","pmpro-has-access","streamit-go-back"],"acf":[],"_links":{"self":[{"href":"https:\/\/boi4u.com\/zh\/wp-json\/wp\/v2\/pages\/30374","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/boi4u.com\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/boi4u.com\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/boi4u.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/boi4u.com\/zh\/wp-json\/wp\/v2\/comments?post=30374"}],"version-history":[{"count":0,"href":"https:\/\/boi4u.com\/zh\/wp-json\/wp\/v2\/pages\/30374\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/boi4u.com\/zh\/wp-json\/wp\/v2\/media\/30373"}],"wp:attachment":[{"href":"https:\/\/boi4u.com\/zh\/wp-json\/wp\/v2\/media?parent=30374"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}