{"id":4411,"date":"2026-09-20T20:21:41","date_gmt":"2026-09-20T20:21:41","guid":{"rendered":"https:\/\/marketplace.emcptools.com\/widgets\/image-layers\/"},"modified":"2026-09-21T17:36:13","modified_gmt":"2026-09-21T17:36:13","slug":"image-layers","status":"publish","type":"page","link":"https:\/\/marketplace.emcptools.com\/widgets\/image-layers\/","title":{"rendered":"Image Layers"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4411\" class=\"elementor elementor-4411\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ff345d1 e-flex e-con-boxed e-con e-parent\" data-id=\"ff345d1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-03b9eb4 e-flex e-con-full e-con e-child\" data-id=\"03b9eb4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-597fc25 elementor-widget elementor-widget-html\" data-id=\"597fc25\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.ewd{font:15px\/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#101828}.ewd a{color:#6a11cb}.ewd h2{font-size:26px;margin:0 0 12px;font-weight:700}.ewd h3{font-size:19px;margin:24px 0 8px;font-weight:700}.ewd p{margin:0 0 12px}.ewd ol,.ewd ul{margin:0 0 14px 22px;padding:0}.ewd li{margin:0 0 6px}.ewd .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.ewd .chip{background:#f4ebff;color:#6a11cb;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.ewd .chip.dark{background:#101828;color:#fff}.ewd .note{background:#f9fafb;border:1px solid #eaecf0;border-left:4px solid #6a11cb;border-radius:8px;padding:12px 16px;margin:0 0 14px}.ewd table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 24px;border:1px solid #eaecf0}.ewd th{background:#101828;color:#fff;text-align:left;padding:10px 12px;font-weight:600}.ewd td{padding:10px 12px;border-top:1px solid #eaecf0;vertical-align:top}.ewd tr:nth-child(even) td{background:#f9fafb}.ewd code{background:#f2f4f7;border-radius:4px;padding:1px 6px;font-size:12.5px;color:#344054}.ewd .demo-cap{font-size:13px;color:#667085;margin:0 0 10px}.ewd .demo-cap code{color:#6a11cb}.ewd .demo-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}.ewd .demo-head span{background:#6a11cb;color:#fff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ewd .demo-head h3{margin:0}.ewd .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;font-size:14px}.ewd .top a{text-decoration:none;font-weight:600}<\/style><div class=\"ewd\"><div class=\"top\"><a href=\"https:\/\/marketplace.emcptools.com\/widgets\/\">&larr; All widgets<\/a><span>Widget 188 &middot; <code>emcp_custom_188<\/code><\/span><\/div><h2 style=\"font-size:36px;margin-bottom:8px\">Image Layers<\/h2><div class=\"chips\"><span class=\"chip dark\">Elementor widget<\/span><span class=\"chip\">2 layouts<\/span><span class=\"chip\">11 content options<\/span><span class=\"chip\">9 style options<\/span><span class=\"chip\">2 panel sections<\/span><\/div><p>Built with the EMCP Widget Builder and registered under the <b>EMCP Custom<\/b> category of the Elementor panel. Search the panel for: parallax, layers, mouse, depth, composition, hero.<\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5e98021 e-flex e-con-full e-con e-child\" data-id=\"5e98021\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e7e83a2 elementor-widget elementor-widget-html\" data-id=\"e7e83a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.ewd{font:15px\/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#101828}.ewd a{color:#6a11cb}.ewd h2{font-size:26px;margin:0 0 12px;font-weight:700}.ewd h3{font-size:19px;margin:24px 0 8px;font-weight:700}.ewd p{margin:0 0 12px}.ewd ol,.ewd ul{margin:0 0 14px 22px;padding:0}.ewd li{margin:0 0 6px}.ewd .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.ewd .chip{background:#f4ebff;color:#6a11cb;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.ewd .chip.dark{background:#101828;color:#fff}.ewd .note{background:#f9fafb;border:1px solid #eaecf0;border-left:4px solid #6a11cb;border-radius:8px;padding:12px 16px;margin:0 0 14px}.ewd table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 24px;border:1px solid #eaecf0}.ewd th{background:#101828;color:#fff;text-align:left;padding:10px 12px;font-weight:600}.ewd td{padding:10px 12px;border-top:1px solid #eaecf0;vertical-align:top}.ewd tr:nth-child(even) td{background:#f9fafb}.ewd code{background:#f2f4f7;border-radius:4px;padding:1px 6px;font-size:12.5px;color:#344054}.ewd .demo-cap{font-size:13px;color:#667085;margin:0 0 10px}.ewd .demo-cap code{color:#6a11cb}.ewd .demo-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}.ewd .demo-head span{background:#6a11cb;color:#fff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ewd .demo-head h3{margin:0}.ewd .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;font-size:14px}.ewd .top a{text-decoration:none;font-weight:600}<\/style><div class=\"ewd\"><h2>Setup guide<\/h2><ol><li>Open a page in Elementor, search the panel for <b>Image Layers<\/b> and drag it into a container.<\/li><li><b>Content &rsaquo; Layers<\/b>: Base Image (optional), Layers, Canvas Height, Mouse Parallax, Mouse Strength, Invert Direction, Scroll Parallax, Scroll Strength and 3 more.<\/li><li>Pick a <b>Layer Anchor Point<\/b>: Centre of the layer, Top-left corner. Each one is shown below.<\/li><li><b>Style tab<\/b> sections: Canvas. Colours, typography and spacing set here are scoped to this widget instance.<\/li><li>Publish. Every option is a standard Elementor control, so it responds to the editor, dynamic tags and global styles as usual.<\/li><\/ol><div class=\"note\">Ships with its own JavaScript; it runs once per instance and re-initialises inside the Elementor editor preview.<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7038de7 e-flex e-con-full e-con e-child\" data-id=\"7038de7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6cb84c4 elementor-widget elementor-widget-html\" data-id=\"6cb84c4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.ewd{font:15px\/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#101828}.ewd a{color:#6a11cb}.ewd h2{font-size:26px;margin:0 0 12px;font-weight:700}.ewd h3{font-size:19px;margin:24px 0 8px;font-weight:700}.ewd p{margin:0 0 12px}.ewd ol,.ewd ul{margin:0 0 14px 22px;padding:0}.ewd li{margin:0 0 6px}.ewd .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.ewd .chip{background:#f4ebff;color:#6a11cb;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.ewd .chip.dark{background:#101828;color:#fff}.ewd .note{background:#f9fafb;border:1px solid #eaecf0;border-left:4px solid #6a11cb;border-radius:8px;padding:12px 16px;margin:0 0 14px}.ewd table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 24px;border:1px solid #eaecf0}.ewd th{background:#101828;color:#fff;text-align:left;padding:10px 12px;font-weight:600}.ewd td{padding:10px 12px;border-top:1px solid #eaecf0;vertical-align:top}.ewd tr:nth-child(even) td{background:#f9fafb}.ewd code{background:#f2f4f7;border-radius:4px;padding:1px 6px;font-size:12.5px;color:#344054}.ewd .demo-cap{font-size:13px;color:#667085;margin:0 0 10px}.ewd .demo-cap code{color:#6a11cb}.ewd .demo-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}.ewd .demo-head span{background:#6a11cb;color:#fff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ewd .demo-head h3{margin:0}.ewd .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;font-size:14px}.ewd .top a{text-decoration:none;font-weight:600}<\/style><div class=\"ewd\"><div class=\"demo-head\"><span>Layout<\/span><h3>Centre of the layer<\/h3><\/div><p class=\"demo-cap\">Layer Anchor Point = <code>center<\/code><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-677a478 elementor-widget elementor-widget-emcp_custom_188\" data-id=\"677a478\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"emcp_custom_188.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"emcp-il emcp-il--anchor-center has-mouse has-scroll has-tilt\" data-mouse=\"1\" data-scroll=\"1\"><img decoding=\"async\" class=\"emcp-il__base\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/mountains-02.jpg\" alt=\"\" loading=\"lazy\"><div class=\"emcp-il__stage\"><div class=\"emcp-il__layer emcp-il__layer--fade-up\" data-x=\"35\" data-y=\"55\" data-w=\"55\" data-depth=\"8\" data-rot=\"-6\" data-z=\"1\" data-delay=\"0\"><img decoding=\"async\" class=\"emcp-il__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/photo-1587093430416-0dc23a0c62c1.jpg\" alt=\"Back card\" loading=\"lazy\"><span class=\"emcp-il__ph\">Back card<\/span><\/div><div class=\"emcp-il__layer emcp-il__layer--fade-up\" data-x=\"62\" data-y=\"45\" data-w=\"50\" data-depth=\"25\" data-rot=\"4\" data-z=\"2\" data-delay=\"200\"><img decoding=\"async\" class=\"emcp-il__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/photo-1447933601403-0c6688de566e.jpg\" alt=\"Front card\" loading=\"lazy\"><span class=\"emcp-il__ph\">Front card<\/span><\/div><div class=\"emcp-il__layer emcp-il__layer--fade-up is-floating\" data-x=\"78\" data-y=\"22\" data-w=\"18\" data-depth=\"45\" data-rot=\"0\" data-z=\"3\" data-delay=\"400\"><img decoding=\"async\" class=\"emcp-il__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/photo-1461023058943-07fcbe16d735.jpg\" alt=\"Badge\" loading=\"lazy\"><span class=\"emcp-il__ph\">Badge<\/span><\/div><\/div><\/div>\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-295e527 e-flex e-con-full e-con e-child\" data-id=\"295e527\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ea7e494 elementor-widget elementor-widget-html\" data-id=\"ea7e494\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.ewd{font:15px\/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#101828}.ewd a{color:#6a11cb}.ewd h2{font-size:26px;margin:0 0 12px;font-weight:700}.ewd h3{font-size:19px;margin:24px 0 8px;font-weight:700}.ewd p{margin:0 0 12px}.ewd ol,.ewd ul{margin:0 0 14px 22px;padding:0}.ewd li{margin:0 0 6px}.ewd .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.ewd .chip{background:#f4ebff;color:#6a11cb;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.ewd .chip.dark{background:#101828;color:#fff}.ewd .note{background:#f9fafb;border:1px solid #eaecf0;border-left:4px solid #6a11cb;border-radius:8px;padding:12px 16px;margin:0 0 14px}.ewd table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 24px;border:1px solid #eaecf0}.ewd th{background:#101828;color:#fff;text-align:left;padding:10px 12px;font-weight:600}.ewd td{padding:10px 12px;border-top:1px solid #eaecf0;vertical-align:top}.ewd tr:nth-child(even) td{background:#f9fafb}.ewd code{background:#f2f4f7;border-radius:4px;padding:1px 6px;font-size:12.5px;color:#344054}.ewd .demo-cap{font-size:13px;color:#667085;margin:0 0 10px}.ewd .demo-cap code{color:#6a11cb}.ewd .demo-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}.ewd .demo-head span{background:#6a11cb;color:#fff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ewd .demo-head h3{margin:0}.ewd .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;font-size:14px}.ewd .top a{text-decoration:none;font-weight:600}<\/style><div class=\"ewd\"><div class=\"demo-head\"><span>Layout<\/span><h3>Top-left corner<\/h3><\/div><p class=\"demo-cap\">Layer Anchor Point = <code>topleft<\/code><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7ab5634 elementor-widget elementor-widget-emcp_custom_188\" data-id=\"7ab5634\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"emcp_custom_188.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"emcp-il emcp-il--anchor-topleft has-mouse has-scroll has-tilt\" data-mouse=\"1\" data-scroll=\"1\"><img decoding=\"async\" class=\"emcp-il__base\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/photo-1612366747681-e4ca6992b1e9.jpg\" alt=\"\" loading=\"lazy\"><div class=\"emcp-il__stage\"><div class=\"emcp-il__layer emcp-il__layer--fade-up\" data-x=\"35\" data-y=\"55\" data-w=\"55\" data-depth=\"8\" data-rot=\"-6\" data-z=\"1\" data-delay=\"0\"><img decoding=\"async\" class=\"emcp-il__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/photo-1587093430416-0dc23a0c62c1.jpg\" alt=\"Back card\" loading=\"lazy\"><span class=\"emcp-il__ph\">Back card<\/span><\/div><div class=\"emcp-il__layer emcp-il__layer--fade-up\" data-x=\"62\" data-y=\"45\" data-w=\"50\" data-depth=\"25\" data-rot=\"4\" data-z=\"2\" data-delay=\"200\"><img decoding=\"async\" class=\"emcp-il__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/photo-1447933601403-0c6688de566e.jpg\" alt=\"Front card\" loading=\"lazy\"><span class=\"emcp-il__ph\">Front card<\/span><\/div><div class=\"emcp-il__layer emcp-il__layer--fade-up is-floating\" data-x=\"78\" data-y=\"22\" data-w=\"18\" data-depth=\"45\" data-rot=\"0\" data-z=\"3\" data-delay=\"400\"><img decoding=\"async\" class=\"emcp-il__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/photo-1461023058943-07fcbe16d735.jpg\" alt=\"Badge\" loading=\"lazy\"><span class=\"emcp-il__ph\">Badge<\/span><\/div><\/div><\/div>\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-2e68e0c e-flex e-con-full e-con e-child\" data-id=\"2e68e0c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-44123a3 elementor-widget elementor-widget-html\" data-id=\"44123a3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.ewd{font:15px\/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#101828}.ewd a{color:#6a11cb}.ewd h2{font-size:26px;margin:0 0 12px;font-weight:700}.ewd h3{font-size:19px;margin:24px 0 8px;font-weight:700}.ewd p{margin:0 0 12px}.ewd ol,.ewd ul{margin:0 0 14px 22px;padding:0}.ewd li{margin:0 0 6px}.ewd .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.ewd .chip{background:#f4ebff;color:#6a11cb;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.ewd .chip.dark{background:#101828;color:#fff}.ewd .note{background:#f9fafb;border:1px solid #eaecf0;border-left:4px solid #6a11cb;border-radius:8px;padding:12px 16px;margin:0 0 14px}.ewd table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 24px;border:1px solid #eaecf0}.ewd th{background:#101828;color:#fff;text-align:left;padding:10px 12px;font-weight:600}.ewd td{padding:10px 12px;border-top:1px solid #eaecf0;vertical-align:top}.ewd tr:nth-child(even) td{background:#f9fafb}.ewd code{background:#f2f4f7;border-radius:4px;padding:1px 6px;font-size:12.5px;color:#344054}.ewd .demo-cap{font-size:13px;color:#667085;margin:0 0 10px}.ewd .demo-cap code{color:#6a11cb}.ewd .demo-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}.ewd .demo-head span{background:#6a11cb;color:#fff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ewd .demo-head h3{margin:0}.ewd .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;font-size:14px}.ewd .top a{text-decoration:none;font-weight:600}<\/style><div class=\"ewd\"><h2>Options reference<\/h2><p>Every control the widget exposes, grouped by panel section. Names in <code>code<\/code> are the setting keys used by the MCP tools (<code>add-free-widget<\/code>, <code>update-widget<\/code>).<\/p><h3 style=\"margin-top:8px\">Content tab<\/h3><p style=\"margin:14px 0 6px;font-weight:700\">Layers<\/p><table><thead><tr><th style=\"width:24%\">Option<\/th><th style=\"width:11%\">Type<\/th><th style=\"width:27%\">Choices \/ range<\/th><th style=\"width:12%\">Default<\/th><th>Notes<\/th><\/tr><\/thead><tbody><tr><td><b>Base Image (optional)<\/b><br><code>base<\/code><\/td><td>Image<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Layers<\/b><br><code>layers<\/code><\/td><td>Repeater<\/td><td><\/td><td>3 items<\/td><td><\/td><\/tr><tr><td>&#8627; <b>Name<\/b><br><code>name<\/code><\/td><td>Text<\/td><td><\/td><td>Layer<\/td><td><\/td><\/tr><tr><td>&#8627; <b>Image (PNG \/ SVG with transparency)<\/b><br><code>image<\/code><\/td><td>Image<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td>&#8627; <b>Left (%)<\/b><br><code>x<\/code><\/td><td>Number<\/td><td>min -50, max 150<\/td><td>50<\/td><td><\/td><\/tr><tr><td>&#8627; <b>Top (%)<\/b><br><code>y<\/code><\/td><td>Number<\/td><td>min -50, max 150<\/td><td>50<\/td><td><\/td><\/tr><tr><td>&#8627; <b>Width (%)<\/b><br><code>w<\/code><\/td><td>Number<\/td><td>min 1, max 200<\/td><td>40<\/td><td><\/td><\/tr><tr><td>&#8627; <b>Depth (parallax strength, -100 to 100)<\/b><br><code>depth<\/code><\/td><td>Number<\/td><td>min -100, max 100<\/td><td>20<\/td><td><\/td><\/tr><tr><td>&#8627; <b>Rotation (deg)<\/b><br><code>rotate<\/code><\/td><td>Number<\/td><td>min -180, max 180<\/td><td>0<\/td><td><\/td><\/tr><tr><td>&#8627; <b>Stack Order<\/b><br><code>z<\/code><\/td><td>Number<\/td><td>min 0, max 50<\/td><td>1<\/td><td><\/td><\/tr><tr><td>&#8627; <b>Entrance<\/b><br><code>entrance<\/code><\/td><td>Dropdown<\/td><td>None, Fade, Fade up, Fade down, Zoom, From left, From right<\/td><td>fade-up<\/td><td><\/td><\/tr><tr><td>&#8627; <b>Entrance Delay (ms)<\/b><br><code>delay<\/code><\/td><td>Number<\/td><td>min 0, max 5000<\/td><td>0<\/td><td><\/td><\/tr><tr><td>&#8627; <b>Floating Motion<\/b><br><code>float<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td><\/td><td><\/td><\/tr><tr><td>&#8627; <b>Link<\/b><br><code>link<\/code><\/td><td>Link<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Canvas Height<\/b><br><code>height<\/code><\/td><td>Slider<\/td><td>min 120, max 1200, px\/vh<\/td><td>480<\/td><td>Responsive<\/td><\/tr><tr><td><b>Mouse Parallax<\/b><br><code>mouse<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td>yes<\/td><td><\/td><\/tr><tr><td><b>Mouse Strength<\/b><br><code>mouse_strength<\/code><\/td><td>Number<\/td><td>min 0.1, max 5<\/td><td>1<\/td><td><\/td><\/tr><tr><td><b>Invert Direction<\/b><br><code>invert<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td><\/td><td><\/td><\/tr><tr><td><b>Scroll Parallax<\/b><br><code>scroll<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td>yes<\/td><td><\/td><\/tr><tr><td><b>Scroll Strength<\/b><br><code>scroll_strength<\/code><\/td><td>Number<\/td><td>min 0.1, max 5<\/td><td>1<\/td><td><\/td><\/tr><tr><td><b>3D Tilt on Hover<\/b><br><code>tilt<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td><\/td><td><\/td><\/tr><tr><td><b>Layer Anchor Point<\/b><br><code>anchor<\/code><\/td><td>Dropdown<\/td><td>Centre of the layer, Top-left corner<\/td><td>center<\/td><td><\/td><\/tr><tr><td><b>Allow Overflow<\/b><br><code>overflow<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td><\/td><td><\/td><\/tr><\/tbody><\/table><h3 style=\"margin-top:8px\">Style tab<\/h3><p style=\"margin:14px 0 6px;font-weight:700\">Canvas<\/p><table><thead><tr><th style=\"width:24%\">Option<\/th><th style=\"width:11%\">Type<\/th><th style=\"width:27%\">Choices \/ range<\/th><th style=\"width:12%\">Default<\/th><th>Notes<\/th><\/tr><\/thead><tbody><tr><td><b>Background<\/b><br><code>bg<\/code><\/td><td>Background<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Radius<\/b><br><code>radius<\/code><\/td><td>Slider<\/td><td>min 0, max 80, px<\/td><td>0<\/td><td><\/td><\/tr><tr><td><b>Border<\/b><br><code>border<\/code><\/td><td>Border<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Shadow<\/b><br><code>shadow<\/code><\/td><td>Box shadow<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Layer Radius<\/b><br><code>layer_radius<\/code><\/td><td>Slider<\/td><td>min 0, max 60, px<\/td><td>0<\/td><td><\/td><\/tr><tr><td><b>Layer Shadow<\/b><br><code>layer_shadow<\/code><\/td><td>Box shadow<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Base Image Fit<\/b><br><code>base_fit<\/code><\/td><td>Dropdown<\/td><td>Cover, Contain<\/td><td>cover<\/td><td><\/td><\/tr><tr><td><b>Entrance Duration (ms)<\/b><br><code>duration<\/code><\/td><td>Number<\/td><td>min 100, max 4000<\/td><td>900<\/td><td><\/td><\/tr><tr><td><b>Float Distance<\/b><br><code>float_dist<\/code><\/td><td>Slider<\/td><td>min 2, max 60, px<\/td><td>12<\/td><td><\/td><\/tr><\/tbody><\/table><h3>Add it with the MCP tools<\/h3><p>Any connected agent can place this widget: call <code>add-free-widget<\/code> with <code>widget_type: \"emcp_custom_188\"<\/code> and a <code>settings<\/code> object using the keys above. Run <code>get-custom-widget<\/code> with id <code>188<\/code> for the full JSON spec.<\/p><\/div>\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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>&larr; All widgetsWidget 188 &middot; emcp_custom_188 Image Layers Elementor widget2 layouts11 content options9 style options2 panel sections Built with the EMCP Widget Builder and registered under the EMCP Custom category of the Elementor panel. Search the panel for: parallax, layers, mouse, depth, composition, hero. Setup guide Open a page in Elementor, search the panel for [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-4411","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/pages\/4411","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/comments?post=4411"}],"version-history":[{"count":16,"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/pages\/4411\/revisions"}],"predecessor-version":[{"id":6307,"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/pages\/4411\/revisions\/6307"}],"wp:attachment":[{"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/media?parent=4411"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}