{"id":13988,"date":"2026-07-23T19:58:10","date_gmt":"2026-07-23T19:58:10","guid":{"rendered":"https:\/\/www.gostodetinta.com\/loja\/?page_id=13988"},"modified":"2026-07-23T20:20:46","modified_gmt":"2026-07-23T20:20:46","slug":"carrossel","status":"publish","type":"page","link":"https:\/\/www.gostodetinta.com\/loja\/carrossel\/","title":{"rendered":"carrossel"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\nCarrossel de cards - 1080x1920<\/title>\n<style>\n * { box-sizing: border-box; margin: 0; padding: 0; }\n body {\n background: #1a1a1a;\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n font-family: -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;\n padding: 40px 20px;\n gap: 24px;\n }\n .stage {\n position: relative;\n width: 900px;\n height: 620px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .card {\n position: absolute;\n left: 50%;\n top: 50%;\n width: 315px;\n height: 560px;\n border-radius: 22px;\n overflow: hidden;\n transition: transform 0.55s cubic-bezier(.25,.8,.3,1), filter 0.55s cubic-bezier(.25,.8,.3,1), opacity 0.55s cubic-bezier(.25,.8,.3,1);\n box-shadow: 0 30px 60px rgba(0,0,0,0.45);\n background-size: cover;\n background-position: center;\n display: flex;\n align-items: flex-end;\n color: #fff;\n will-change: transform;\n }\n\n .nav-btn {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n z-index: 10;\n width: 48px;\n height: 48px;\n border-radius: 50%;\n border: none;\n background: rgba(20,20,20,0.55);\n color: #fff;\n font-size: 20px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n backdrop-filter: blur(2px);\n }\n .nav-btn:hover { background: rgba(20,20,20,0.8); }\n .nav-btn.prev { left: 8px; }\n .nav-btn.next { right: 8px; }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"stage\" id=\"stage\">\n <button class=\"nav-btn prev\" id=\"prev\">←<\/button>\n <button class=\"nav-btn next\" id=\"next\">→<\/button>\n<\/div>\n\n<script>\n \/\/ Substitua estas 5 URLs pelas suas imagens 1080x1920px (ou caminhos locais)\n const images = [\n\n{ url: 'https:\/\/www.gostodetinta.com\/loja\/wp-content\/uploads\/2026\/07\/landing-page-nutricionista.jpg' },\n{ url: 'https:\/\/www.gostodetinta.com\/loja\/wp-content\/uploads\/2026\/07\/mae-nutrida.jpg' },\n{ url: 'https:\/\/www.gostodetinta.com\/loja\/wp-content\/uploads\/2026\/07\/Site-coquetelaria.jpg' },\n{ url: 'https:\/\/www.gostodetinta.com\/loja\/wp-content\/uploads\/2026\/07\/site-educacao.jpg' },\n{ url: 'https:\/\/www.gostodetinta.com\/loja\/wp-content\/uploads\/2026\/07\/site-imposto-de-renda.jpg' },\n{ url: 'https:\/\/www.gostodetinta.com\/loja\/wp-content\/uploads\/2026\/07\/site-para-advogados.jpg' },\n\n\n\n\n\n { url: 'https:\/\/www.gostodetinta.com\/loja\/wp-content\/uploads\/2025\/07\/site-club-med-2.jpg' },\n { url: 'https:\/\/www.gostodetinta.com\/loja\/wp-content\/uploads\/2025\/07\/site-educadora.jpg' },\n{ url: 'https:\/\/www.gostodetinta.com\/loja\/wp-content\/uploads\/2025\/07\/Dentista-site-raphael.jpg' },\n{ url: 'https:\/\/www.gostodetinta.com\/loja\/wp-content\/uploads\/2025\/07\/2.jpg' },\n { url: 'https:\/\/www.gostodetinta.com\/loja\/wp-content\/uploads\/2026\/07\/assertec.webp' },\n { url: 'https:\/\/www.gostodetinta.com\/loja\/wp-content\/uploads\/2025\/07\/landing-page-inteligecia-cristaos.jpg' },\n { url: 'https:\/\/www.gostodetinta.com\/loja\/wp-content\/uploads\/2025\/07\/landing-page-trilha-2.jpg' },\n\n { url: 'https:\/\/www.gostodetinta.com\/loja\/wp-content\/uploads\/2025\/07\/Portifolio-1350.jpg' },\n\n { url: 'https:\/\/www.gostodetinta.com\/loja\/wp-content\/uploads\/2025\/07\/site-cade-meu-voo_.jpg' },\n { url: 'https:\/\/www.gostodetinta.com\/loja\/wp-content\/uploads\/2025\/07\/site-dentista-scaled.jpg' },\n { url: 'https:\/\/www.gostodetinta.com\/loja\/wp-content\/uploads\/2025\/11\/loja-virtual.jpg' }\n ];\n\n let centerIndex = 2;\n const stage = document.getElementById('stage');\n const cardEls = [];\n\n \/\/ posi\u00e7\u00f5es poss\u00edveis em rela\u00e7\u00e3o ao card central (offset -2 a +2, j\u00e1 que s\u00e3o 5 imagens)\n const positions = {\n '-2': { x: -460, scale: 0.7, brightness: 0.4, opacity: 0, z: 0 },\n '-1': { x: -230, scale: 0.82, brightness: 0.55, opacity: 1, z: 1 },\n '0': { x: 0, scale: 1, brightness: 1, opacity: 1, z: 3 },\n '1': { x: 230, scale: 0.82, brightness: 0.55, opacity: 1, z: 1 },\n '2': { x: 460, scale: 0.7, brightness: 0.4, opacity: 0, z: 0 }\n };\n\n function buildCard(item) {\n const div = document.createElement('div');\n div.className = 'card';\n if (item.url) {\n div.style.backgroundImage = `url('${item.url}')`;\n } else {\n div.style.background = item.color || '#5f5e5a';\n }\n stage.insertBefore(div, document.getElementById('prev'));\n return div;\n }\n\n images.forEach((item) => {\n cardEls.push(buildCard(item));\n });\n\n function applyPositions() {\n const n = images.length;\n images.forEach((_, idx) => {\n \/\/ dist\u00e2ncia circular mais curta at\u00e9 o card central (pode ser negativa ou positiva)\n let offset = idx - centerIndex;\n offset = ((offset % n) + n) % n;\n if (offset > n \/ 2) offset -= n;\n\n \/\/ qualquer coisa al\u00e9m de -2\/+2 fica \"escondida\" na mesma posi\u00e7\u00e3o das pontas\n const key = offset <= -2 ? '-2' : offset >= 2 ? '2' : String(offset);\n const p = positions[key];\n\n const el = cardEls[idx];\n el.style.transform = `translate(-50%, -50%) translateX(${p.x}px) scale(${p.scale})`;\n el.style.filter = `brightness(${p.brightness})`;\n el.style.opacity = p.opacity;\n el.style.zIndex = p.z;\n });\n }\n\n document.getElementById('prev').addEventListener('click', () => {\n centerIndex = (centerIndex - 1 + images.length) % images.length;\n applyPositions();\n });\n document.getElementById('next').addEventListener('click', () => {\n centerIndex = (centerIndex + 1) % images.length;\n applyPositions();\n });\n\n applyPositions();\n<\/script>\n\n<\/body>\n<\/html>\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>Carrossel de cards – 1080×1920 ← →<\/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-13988","page","type-page","status-publish","hentry"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 4.9.10 - aioseo.com -->\n\t<meta name=\"description\" content=\"Carrossel de cards - 1080x1920 \u2190 \u2192\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/www.gostodetinta.com\/loja\/carrossel\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.10\" \/>\n\t\t<meta property=\"og:locale\" content=\"pt_BR\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Gosto de Tinta - Um bom design impulsiona a sua marca!\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"carrossel - Gosto de Tinta\" \/>\n\t\t<meta property=\"og:description\" content=\"Carrossel de cards - 1080x1920 \u2190 \u2192\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/www.gostodetinta.com\/loja\/carrossel\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/www.gostodetinta.com\/loja\/wp-content\/uploads\/2023\/05\/cropped-cropped-logo-gosto-de-tinta.jpg\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/www.gostodetinta.com\/loja\/wp-content\/uploads\/2023\/05\/cropped-cropped-logo-gosto-de-tinta.jpg\" \/>\n\t\t<meta property=\"og:image:width\" content=\"512\" \/>\n\t\t<meta property=\"og:image:height\" content=\"512\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2026-07-23T19:58:10+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-07-23T20:20:46+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/gostodetintadesign\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:site\" content=\"@gostodetinta\" \/>\n\t\t<meta name=\"twitter:title\" content=\"carrossel - Gosto de Tinta\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Carrossel de cards - 1080x1920 \u2190 \u2192\" \/>\n\t\t<meta name=\"twitter:creator\" content=\"@gostodetinta\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/www.gostodetinta.com\/loja\/wp-content\/uploads\/2023\/05\/cropped-cropped-logo-gosto-de-tinta.jpg\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.gostodetinta.com\\\/loja\\\/carrossel\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.gostodetinta.com\\\/loja#listItem\",\"position\":1,\"name\":\"Dom\\u00e9stica\",\"item\":\"https:\\\/\\\/www.gostodetinta.com\\\/loja\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.gostodetinta.com\\\/loja\\\/carrossel\\\/#listItem\",\"name\":\"carrossel\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.gostodetinta.com\\\/loja\\\/carrossel\\\/#listItem\",\"position\":2,\"name\":\"carrossel\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.gostodetinta.com\\\/loja#listItem\",\"name\":\"Dom\\u00e9stica\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.gostodetinta.com\\\/loja\\\/#organization\",\"name\":\"Gosto de Tinta\",\"description\":\"Um bom design impulsiona a sua marca!\",\"url\":\"https:\\\/\\\/www.gostodetinta.com\\\/loja\\\/\",\"telephone\":\"+551636629432\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/www.gostodetinta.com\\\/loja\\\/wp-content\\\/uploads\\\/2023\\\/05\\\/cropped-cropped-logo-gosto-de-tinta.jpg\",\"@id\":\"https:\\\/\\\/www.gostodetinta.com\\\/loja\\\/carrossel\\\/#organizationLogo\",\"width\":512,\"height\":512},\"image\":{\"@id\":\"https:\\\/\\\/www.gostodetinta.com\\\/loja\\\/carrossel\\\/#organizationLogo\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/gostodetintadesign\",\"https:\\\/\\\/www.twitter.com\\\/gostodetinta\",\"https:\\\/\\\/www.instagram.com\\\/gostodetinta\",\"https:\\\/\\\/br.pinterest.com\\\/gostodetintadesign\\\/\"]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.gostodetinta.com\\\/loja\\\/carrossel\\\/#webpage\",\"url\":\"https:\\\/\\\/www.gostodetinta.com\\\/loja\\\/carrossel\\\/\",\"name\":\"carrossel - Gosto de Tinta\",\"description\":\"Carrossel de cards - 1080x1920 \\u2190 \\u2192\",\"inLanguage\":\"pt-BR\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.gostodetinta.com\\\/loja\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.gostodetinta.com\\\/loja\\\/carrossel\\\/#breadcrumblist\"},\"datePublished\":\"2026-07-23T19:58:10+00:00\",\"dateModified\":\"2026-07-23T20:20:46+00:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.gostodetinta.com\\\/loja\\\/#website\",\"url\":\"https:\\\/\\\/www.gostodetinta.com\\\/loja\\\/\",\"name\":\"Gosto de Tinta\",\"description\":\"Um bom design impulsiona a sua marca!\",\"inLanguage\":\"pt-BR\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.gostodetinta.com\\\/loja\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"carrossel - Gosto de Tinta","description":"Carrossel de cards - 1080x1920 \u2190 \u2192","canonical_url":"https:\/\/www.gostodetinta.com\/loja\/carrossel\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/www.gostodetinta.com\/loja\/carrossel\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/www.gostodetinta.com\/loja#listItem","position":1,"name":"Dom\u00e9stica","item":"https:\/\/www.gostodetinta.com\/loja","nextItem":{"@type":"ListItem","@id":"https:\/\/www.gostodetinta.com\/loja\/carrossel\/#listItem","name":"carrossel"}},{"@type":"ListItem","@id":"https:\/\/www.gostodetinta.com\/loja\/carrossel\/#listItem","position":2,"name":"carrossel","previousItem":{"@type":"ListItem","@id":"https:\/\/www.gostodetinta.com\/loja#listItem","name":"Dom\u00e9stica"}}]},{"@type":"Organization","@id":"https:\/\/www.gostodetinta.com\/loja\/#organization","name":"Gosto de Tinta","description":"Um bom design impulsiona a sua marca!","url":"https:\/\/www.gostodetinta.com\/loja\/","telephone":"+551636629432","logo":{"@type":"ImageObject","url":"https:\/\/www.gostodetinta.com\/loja\/wp-content\/uploads\/2023\/05\/cropped-cropped-logo-gosto-de-tinta.jpg","@id":"https:\/\/www.gostodetinta.com\/loja\/carrossel\/#organizationLogo","width":512,"height":512},"image":{"@id":"https:\/\/www.gostodetinta.com\/loja\/carrossel\/#organizationLogo"},"sameAs":["https:\/\/www.facebook.com\/gostodetintadesign","https:\/\/www.twitter.com\/gostodetinta","https:\/\/www.instagram.com\/gostodetinta","https:\/\/br.pinterest.com\/gostodetintadesign\/"]},{"@type":"WebPage","@id":"https:\/\/www.gostodetinta.com\/loja\/carrossel\/#webpage","url":"https:\/\/www.gostodetinta.com\/loja\/carrossel\/","name":"carrossel - Gosto de Tinta","description":"Carrossel de cards - 1080x1920 \u2190 \u2192","inLanguage":"pt-BR","isPartOf":{"@id":"https:\/\/www.gostodetinta.com\/loja\/#website"},"breadcrumb":{"@id":"https:\/\/www.gostodetinta.com\/loja\/carrossel\/#breadcrumblist"},"datePublished":"2026-07-23T19:58:10+00:00","dateModified":"2026-07-23T20:20:46+00:00"},{"@type":"WebSite","@id":"https:\/\/www.gostodetinta.com\/loja\/#website","url":"https:\/\/www.gostodetinta.com\/loja\/","name":"Gosto de Tinta","description":"Um bom design impulsiona a sua marca!","inLanguage":"pt-BR","publisher":{"@id":"https:\/\/www.gostodetinta.com\/loja\/#organization"}}]},"og:locale":"pt_BR","og:site_name":"Gosto de Tinta - Um bom design impulsiona a sua marca!","og:type":"article","og:title":"carrossel - Gosto de Tinta","og:description":"Carrossel de cards - 1080x1920 \u2190 \u2192","og:url":"https:\/\/www.gostodetinta.com\/loja\/carrossel\/","og:image":"https:\/\/www.gostodetinta.com\/loja\/wp-content\/uploads\/2023\/05\/cropped-cropped-logo-gosto-de-tinta.jpg","og:image:secure_url":"https:\/\/www.gostodetinta.com\/loja\/wp-content\/uploads\/2023\/05\/cropped-cropped-logo-gosto-de-tinta.jpg","og:image:width":512,"og:image:height":512,"article:published_time":"2026-07-23T19:58:10+00:00","article:modified_time":"2026-07-23T20:20:46+00:00","article:publisher":"https:\/\/www.facebook.com\/gostodetintadesign","twitter:card":"summary_large_image","twitter:site":"@gostodetinta","twitter:title":"carrossel - Gosto de Tinta","twitter:description":"Carrossel de cards - 1080x1920 \u2190 \u2192","twitter:creator":"@gostodetinta","twitter:image":"https:\/\/www.gostodetinta.com\/loja\/wp-content\/uploads\/2023\/05\/cropped-cropped-logo-gosto-de-tinta.jpg"},"aioseo_meta_data":{"post_id":"13988","title":null,"description":null,"keywords":null,"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"WebPage","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":{"faqs":[],"keyPoints":[],"schemas":[],"titles":[],"descriptions":[],"socialPosts":{"email":{"subject":"","preview":"","content":""},"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"created":"2026-07-23 19:58:10","updated":"2026-07-23 22:47:26","seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/www.gostodetinta.com\/loja\" title=\"Dom\u00e9stica\">Dom\u00e9stica<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">»<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tcarrossel\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Dom\u00e9stica","link":"https:\/\/www.gostodetinta.com\/loja"},{"label":"carrossel","link":"https:\/\/www.gostodetinta.com\/loja\/carrossel\/"}],"_links":{"self":[{"href":"https:\/\/www.gostodetinta.com\/loja\/wp-json\/wp\/v2\/pages\/13988","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gostodetinta.com\/loja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.gostodetinta.com\/loja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.gostodetinta.com\/loja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gostodetinta.com\/loja\/wp-json\/wp\/v2\/comments?post=13988"}],"version-history":[{"count":89,"href":"https:\/\/www.gostodetinta.com\/loja\/wp-json\/wp\/v2\/pages\/13988\/revisions"}],"predecessor-version":[{"id":14087,"href":"https:\/\/www.gostodetinta.com\/loja\/wp-json\/wp\/v2\/pages\/13988\/revisions\/14087"}],"wp:attachment":[{"href":"https:\/\/www.gostodetinta.com\/loja\/wp-json\/wp\/v2\/media?parent=13988"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}