{"id":1494,"date":"2026-07-28T22:32:36","date_gmt":"2026-07-28T22:32:36","guid":{"rendered":"http:\/\/home.test\/canvas-wp-test\/cascading-images\/"},"modified":"2026-08-20T18:41:42","modified_gmt":"2026-08-20T18:41:42","slug":"cascading-images","status":"publish","type":"page","link":"https:\/\/demos.canvaswp.com\/classic\/cascading-images\/","title":{"rendered":"Cascading Images"},"content":{"rendered":"\n<div class=\"wp-block-group container is-layout-flow wp-block-group-is-layout-flow\">\n\n<div class=\"wp-block-group row align-items-center justify-content-between g-5 is-layout-flow wp-block-group-is-layout-flow\">\n\n<div class=\"wp-block-group col-lg-6 is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"cascading-images\"><div class=\"cascading-images-inner\"><div class=\"cascading-image\"><div style=\"transform: translate(10%, -55%)\"><img decoding=\"async\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/1-9.jpg\" alt=\"Single cascading image with shadow\" class=\"rounded-3 shadow-lg\" data-animate=\"zoomIn faster\"><\/div><\/div><div class=\"cascading-image\"><div class=\"z-2\" style=\"transform: translate(-25%, 0%) rotate(-10deg)\"><img decoding=\"async\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/2-11.jpg\" alt=\"First overlapping cascading photo\" class=\"rounded-3 shadow-lg\" data-animate=\"zoomIn faster\" data-delay=\"150\"><\/div><\/div><div class=\"cascading-image\"><div style=\"transform: translate(28%, 35%) rotate(10deg)\"><img decoding=\"async\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/3-9.jpg\" alt=\"Rotated overlapping cascading photo\" class=\"rounded-3 shadow-lg\" data-animate=\"zoomIn faster\" data-delay=\"300\"><\/div><\/div><\/div><\/div>\n<\/div>\n\n\n<div class=\"wp-block-group col-lg-5 is-layout-flow wp-block-group-is-layout-flow\">\n<h2>Cascading Image<\/h2>\n\n<p class=\"wp-block-paragraph\">Stack a single image with smooth zoom-in motion and a soft drop shadow, layering depth into any section while keeping the focus on one clear, framed visual.<\/p>\n\n<\/div>\n\n<\/div>\n\n\n<div class=\"clear my-5 is-layout-flow wp-block-group-is-layout-flow\"><\/div>\n\n\n<div class=\"wp-block-group row flex-row-reverse align-items-center justify-content-between g-5 is-layout-flow wp-block-group-is-layout-flow\">\n\n<div class=\"wp-block-group col-lg-6 is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"cascading-images\"><div class=\"cascading-images-inner\"><div class=\"cascading-image\"><div style=\"transform: translate(-30%, -35%)\"><img decoding=\"async\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/1-9.jpg\" alt=\"Two-image cascading layout sample\" class=\"rounded-3 shadow-lg\" data-animate=\"zoomIn faster\"><\/div><\/div><div class=\"cascading-image\"><div style=\"transform: translate(30%, 35%)\"><img decoding=\"async\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/3-9.jpg\" alt=\"Second image in two-image cascade\" class=\"rounded-3 shadow-lg\" data-animate=\"zoomIn faster\" data-delay=\"300\"><\/div><\/div><\/div><\/div>\n<\/div>\n\n\n<div class=\"wp-block-group col-lg-5 is-layout-flow wp-block-group-is-layout-flow\">\n<h2>2 Cascading Images<\/h2>\n\n<p class=\"wp-block-paragraph\">Pair two overlapping images that animate in sequence, each offset and rotated slightly to create a casual, scrapbook-style arrangement with natural depth.<\/p>\n\n<\/div>\n\n<\/div>\n\n\n<div class=\"clear my-5 is-layout-flow wp-block-group-is-layout-flow\"><\/div>\n\n\n<div class=\"wp-block-group row align-items-center justify-content-between g-5 is-layout-flow wp-block-group-is-layout-flow\">\n\n<div class=\"wp-block-group col-lg-6 is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"cascading-images\"><div class=\"cascading-images-inner\"><div class=\"cascading-image p-6\"><div style=\"transform: translate(15%, 20%)\"><div class=\"cascading-image-bg\" style=\"transform: translate(-15%, -20%)\"><div class=\"rounded-3 shadow-lg bg-danger\" data-animate=\"zoomIn faster\" data-delay=\"200\"><\/div><\/div><img decoding=\"async\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/3-9.jpg\" alt=\"Cascading image on color block\" class=\"rounded-3 shadow-lg\" data-animate=\"zoomIn faster\"><\/div><\/div><\/div><\/div>\n<\/div>\n\n\n<div class=\"wp-block-group col-lg-5 is-layout-flow wp-block-group-is-layout-flow\">\n<h2>Colored Background Cascading<\/h2>\n\n<p class=\"wp-block-paragraph\">Place a bold colored block behind your image so it peeks out from one edge, adding a vibrant accent that lifts the photo off the page with extra contrast.<\/p>\n\n<\/div>\n\n<\/div>\n\n\n<div class=\"clear my-5 is-layout-flow wp-block-group-is-layout-flow\"><\/div>\n\n\n<div class=\"wp-block-group row flex-row-reverse align-items-center justify-content-between g-5 is-layout-flow wp-block-group-is-layout-flow\">\n\n<div class=\"wp-block-group col-lg-6 is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"cascading-images\"><div class=\"cascading-images-inner\"><div class=\"cascading-image p-6\"><div><div class=\"cascading-image-bg\" style=\"transform: translate(-15%, 0%)\"><div class=\"rounded-3 shadow-lg bg-color\" data-animate=\"zoomIn faster\" data-delay=\"200\"><\/div><\/div><div class=\"parallax scroll-detect\" style=\"--cnvs-transitions:.1s linear;transform: translate(calc(var(--cnvs-scroll-percent) * -0.1%), calc(-15% + var(--cnvs-scroll-percent) * 0.3%))\"><img decoding=\"async\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/3-9.jpg\" alt=\"Cascading image with parallax tint\" class=\"rounded-3 shadow-lg\" data-animate=\"zoomIn faster\"><\/div><\/div><\/div><\/div><\/div>\n<\/div>\n\n\n<div class=\"wp-block-group col-lg-5 is-layout-flow wp-block-group-is-layout-flow\">\n<h2>Parallax Scrolling Cascading<\/h2>\n\n<p class=\"wp-block-paragraph\">Combine a tinted backdrop with a parallax layer so the image drifts gently as visitors scroll, giving the composition a lively, three-dimensional feel.<\/p>\n\n<\/div>\n\n<\/div>\n\n\n<div class=\"clear my-5 is-layout-flow wp-block-group-is-layout-flow\"><\/div>\n\n\n<div class=\"wp-block-group row justify-content-center is-layout-flow wp-block-group-is-layout-flow\">\n\n<div class=\"wp-block-group col-lg-7 text-center is-layout-flow wp-block-group-is-layout-flow\">\n<h2>Layered Cascading Images with Parallax<\/h2>\n\n<p class=\"mb-0 wp-block-paragraph\">Layer three scaled images with independent parallax speeds so they shift apart on scroll, building a dynamic, gallery-like stack full of motion and depth.<\/p>\n\n<div class=\"cascading-images\"><div class=\"cascading-images-inner\"><div class=\"cascading-image p-6\"><div class=\"parallax scroll-detect\" style=\"--cnvs-transitions:.1s linear;transform: translateY(calc(-70px + var(--cnvs-scroll-percent) * 0.65px)) scale(0.8)\"><img decoding=\"async\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/1-9.jpg\" alt=\"Top layered parallax cascading image\" class=\"rounded-3 shadow-lg\" data-animate=\"zoomIn faster\" data-delay=\"300\"><\/div><\/div><div class=\"cascading-image p-6\"><div style=\"transform: scale(0.9)\"><img decoding=\"async\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/2-11.jpg\" alt=\"Middle scaled cascading image\" class=\"rounded-3 shadow-lg\" data-animate=\"zoomIn faster\" data-delay=\"150\"><\/div><\/div><div class=\"cascading-image p-6\"><div class=\"parallax scroll-detect\" style=\"--cnvs-transitions:.1s linear;transform: translateY(calc(80px + var(--cnvs-scroll-percent) * -0.75px))\"><img decoding=\"async\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/3-9.jpg\" alt=\"Bottom layered parallax cascading image\" class=\"rounded-3 shadow-lg\" data-animate=\"zoomIn faster\"><\/div><\/div><\/div><\/div>\n<\/div>\n\n<\/div>\n\n<\/div>\n\n\n<div class=\"container mt-6\">\n<div class=\"fancy-title title-border title-center mb-5\">\n<h4 id=\"explore-more-elements\" class=\"h3\">Explore more Elements<\/h4>\n<\/div>\n\n<div class=\"row row-cols-2 row-cols-md-3 row-cols-lg-4 row-cols-xl-6 align-items-stretch g-3 text-center wp-block-canvas-core-link-tiles\"><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/shop\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-basket cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Shop<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/blog\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-newspaper cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Blog<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/events-grid\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-calendar-event cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Events<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/contact\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-envelope-at cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Contact Forms<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/modal-onload\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-window-stack cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Modal onLoad<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/side-panel\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-layout-sidebar-reverse cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Side Panel<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/animations\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-magic cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Animations<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/buttons\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-hand-index cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Buttons<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/carousel\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-collection cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Carousel<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/clients\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-heart cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Clients<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/columns-grids\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-columns-gap cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Columns<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/counters\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-speedometer2 cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Counters<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/read-more\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-three-dots cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Read More<span class=\"visually-hidden\">Element<\/span><\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/dividers\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-dash-lg cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Dividers<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/featured-boxes\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-lightbulb cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Icon Boxes<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/gallery\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-images cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Gallery<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/headings-dropcaps\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-type-h1 cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Headings<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/icon-lists\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-list-check cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Icon Lists<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/gradients\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-palette cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Gradients<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/lightbox\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-aspect-ratio cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Lightbox<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/item-overlays\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-layers cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Overlays<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/component-uploads\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-upload cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">File Uploads<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/lists-cards\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-card-list cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Lists &amp; Cards<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/maps\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-geo-alt cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Maps<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/media-embeds\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-play-btn cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Media Embeds<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/modal-popovers\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-window-plus cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Modal Boxes<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/notifications\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-bell cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Notifications<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/navigation\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-list cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Navigations<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/pagination-progress\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-123 cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Pagination<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/progress-skills\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-percent cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Progress Bars<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/shape-dividers\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-bezier2 cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Shape Dividers<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/pricing\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-currency-exchange cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Pricing<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/process-steps\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-diagram-3 cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Process Steps<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/promo-boxes\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-file-earmark-text cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Promo Boxes<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/quotes-blockquotes\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-quote cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Blockquotes<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/responsive\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-phone cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Responsive<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/sections\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-layout-text-window cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Sections<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/social-icons\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-share cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Social Icons<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/hover-animations\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-hand-index-thumb cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Hover Animations<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/style-boxes\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-exclamation-triangle cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Alerts<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/styled-icons\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-hexagon cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Styled Icons<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/tables\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-table cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Tables<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/tabs\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-segmented-nav cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Tabs<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/testimonials-twitter\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-chat-quote cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Testimonials<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/thumbnails-slider\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-image cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Thumbnails<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/toggles-accordions\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-chevron-bar-down cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Toggles<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/lazy-loading\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-hourglass-split cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Lazy Loading<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/flip-cards\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-arrow-repeat cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Flip Cards<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/cascading-images\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-stack cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Cascading Images<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/image-compare\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-layout-split cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Before\/After<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/video-facade\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-play-circle cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Video Facade<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/gdpr\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-shield-check cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">GDPR<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/cart-quantity\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-plus-slash-minus cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Cart Quantity<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/circle-stack\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-record-circle cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Circle Stack<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/image-sliders\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-easel cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Image Sliders<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/ticker\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-wind cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Ticker<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/ajax-button\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-cloud-download cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">AJAX Button<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/conditional\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-question-diamond cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Conditional<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/code-highlighter\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-code-square cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Code Highlighter<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/custom-cursor\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-cursor cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Custom Cursor<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/hover-parallax\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-arrows-move cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Hover Parallax<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/color-mode-switcher\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-moon-stars cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Mode Switcher<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/image-hotspot\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-pin-map cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Image Hotspots<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/portfolio-filter-styles\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-funnel cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Filters<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/preloaders\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><div class=\"position-relative fs-2\">&nbsp;<div class=\"css3-spinner position-absolute\"><div class=\"css3-spinner-bounce1\" style=\"--cnvs-loader-color: var(--cnvs-contrast-900)\"><\/div><div class=\"css3-spinner-bounce2\" style=\"--cnvs-loader-color: var(--cnvs-contrast-900)\"><\/div><div class=\"css3-spinner-bounce3\" style=\"--cnvs-loader-color: var(--cnvs-contrast-900)\"><\/div><\/div><\/div><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Preloaders<\/h5><\/a><\/div><\/div>\n<\/div>\n\n<div class=\"row align-items-stretch grid-border border-top border-default mx-0 mt-6 wp-block-canvas-core-link-tiles\"><div class=\"col-md-4 p-0 text-center\"><div class=\"grid-inner h-bg-contrast-200\"><a href=\"https:\/\/support.canvaswp.com\/\" class=\"d-block py-5\" target=\"_blank\" rel=\"noopener\"><i class=\"bi-emoji-smile display-6 mt-2 mb-2 mx-auto d-block\" aria-hidden=\"true\"><\/i><span class=\"fs-5 text-contrast-900 h-text-color fw-medium d-block mb-2\">Dedicated Support<\/span><\/a><\/div><\/div><\/div>\n\n<div class=\"section m-0 text-center dark footer-stick\">\n<div class=\"container\">\n\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Stack a single image with smooth zoom-in motion and a soft drop shadow, layering depth into any section while keeping the focus on one clear, framed visual. Pair two overlapping images that animate in sequence, each offset and rotated slightly to create a casual, scrapbook-style arrangement with natural depth. Place a bold colored block behind [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-canvas","meta":{"footnotes":""},"class_list":["post-1494","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demos.canvaswp.com\/classic\/wp-json\/wp\/v2\/pages\/1494","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demos.canvaswp.com\/classic\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demos.canvaswp.com\/classic\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demos.canvaswp.com\/classic\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demos.canvaswp.com\/classic\/wp-json\/wp\/v2\/comments?post=1494"}],"version-history":[{"count":3,"href":"https:\/\/demos.canvaswp.com\/classic\/wp-json\/wp\/v2\/pages\/1494\/revisions"}],"predecessor-version":[{"id":6903,"href":"https:\/\/demos.canvaswp.com\/classic\/wp-json\/wp\/v2\/pages\/1494\/revisions\/6903"}],"wp:attachment":[{"href":"https:\/\/demos.canvaswp.com\/classic\/wp-json\/wp\/v2\/media?parent=1494"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}