{"id":200,"date":"2026-10-17T14:16:25","date_gmt":"2026-10-17T14:16:25","guid":{"rendered":"http:\/\/plugin-docs.com\/?post_type=doc&#038;p=200"},"modified":"2026-10-17T22:32:10","modified_gmt":"2026-10-17T22:32:10","slug":"configure-3d-flip-depth","status":"publish","type":"doc","link":"https:\/\/dragwyb.com\/docs\/configure-3d-flip-depth\/","title":{"rendered":"Configure 3D Flip Depth"},"content":{"rendered":"\n<ul class=\"wp-block-list\">\n<li>Open the page in the Elementor editor.<\/li>\n<li>Select the <strong>Ultimate Flipbox<\/strong> widget.<\/li>\n<li>Open the <strong>Content<\/strong> tab.<\/li>\n<li>Expand <strong>Layout Settings<\/strong>.<\/li>\n<li>Locate <strong>Animation Type<\/strong>.<\/li>\n<li>Choose <strong>3D Flip<\/strong>.<\/li>\n<li>Locate the <strong>3D Depth<\/strong> control.<\/li>\n<li>Adjust the <strong>3D Depth<\/strong> value.<\/li>\n<li>Preview the card and click <strong>Update<\/strong> to save.<\/li>\n<li>For a <strong>Post Flipbox<\/strong> or <strong>Story Flipbox<\/strong>, select that widget and check whether the same control is available.<\/li>\n<\/ul>\n\n\n<h2 class=\"wp-block-heading\">Understand the available values<\/h2>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Default:<\/strong> 50 px.<\/li>\n<li><strong>Unit:<\/strong> pixels (px).<\/li>\n<li><strong>Range:<\/strong> 0\u2013150 px.<\/li>\n<li><strong>Step:<\/strong> 10 px.<\/li>\n<\/ul>\n\n\n<p class=\"wp-block-paragraph\">Try a few small adjustments rather than assuming the maximum will look best. The appropriate depth depends on the card dimensions and content. If you cannot find the slider, confirm that Animation Type is set to 3D Flip; the control is not a general depth setting for every animation.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Screenshot to add: the selected widget&#8217;s Content \u2192 Layout Settings panel with Animation Type set to 3D Flip and the 3D Depth slider showing its pixel value. This is a placeholder, not a captured screenshot.<\/p>\n\n\n<h2 class=\"wp-block-heading\">Related animation guides<\/h2>\n\n\n<p class=\"wp-block-paragraph\">For other transitions, see <a href=\"\/docs\/flipbox-addon-for-elementor\/animation-effects\/\">Choose a Flipbox Animation Effect<\/a>. To adjust the direction of supported effects, read <a href=\"\/docs\/flipbox-addon-for-elementor\/set-flip-direction\/\">Set the Flip Direction<\/a>; to change timing, see <a href=\"\/docs\/flipbox-addon-for-elementor\/set-flip-animation-duration\/\">Set Flip Animation Duration<\/a>.<\/p>\n\n\n<p class=\"wp-block-paragraph\">Return to <a href=\"\/docs\/flipbox-addon-for-elementor\/animations-interaction\/\">Animations and Interaction<\/a> for the related guides.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Adjust the 3D Depth slider for the 3D Flip effect and learn its 50 px default, supported range, and step size.<\/p>\n","protected":false},"author":0,"featured_media":0,"parent":197,"menu_order":0,"template":"","class_list":["post-200","doc","type-doc","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/dragwyb.com\/docs\/wp-json\/wp\/v2\/doc\/200","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dragwyb.com\/docs\/wp-json\/wp\/v2\/doc"}],"about":[{"href":"https:\/\/dragwyb.com\/docs\/wp-json\/wp\/v2\/types\/doc"}],"version-history":[{"count":6,"href":"https:\/\/dragwyb.com\/docs\/wp-json\/wp\/v2\/doc\/200\/revisions"}],"predecessor-version":[{"id":550,"href":"https:\/\/dragwyb.com\/docs\/wp-json\/wp\/v2\/doc\/200\/revisions\/550"}],"up":[{"embeddable":true,"href":"https:\/\/dragwyb.com\/docs\/wp-json\/wp\/v2\/doc\/197"}],"wp:attachment":[{"href":"https:\/\/dragwyb.com\/docs\/wp-json\/wp\/v2\/media?parent=200"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}