{"id":123,"date":"2026-06-17T14:26:25","date_gmt":"2026-06-17T14:26:25","guid":{"rendered":"https:\/\/new.everestrenovations.com.au\/index.php\/jupiterx-codes\/reveal-title\/"},"modified":"2026-06-17T14:26:25","modified_gmt":"2026-06-17T14:26:25","slug":"reveal-title","status":"publish","type":"jupiterx-codes","link":"https:\/\/new.everestrenovations.com.au\/index.php\/jupiterx-codes\/reveal-title\/","title":{"rendered":"reveal-title"},"content":{"rendered":"<style>\n<p>\/* =========================\n   Typography\n========================= *\/<\/p>\n<p>.reveal-title{\n    position:relative;\n    display:block;\n    overflow:hidden;<\/p>\n<p>    font-family:'Bebas Neue', sans-serif;\n    font-size:81px;\n    font-weight:400;\n    line-height:0.95;\n    letter-spacing:0.02em;\ntext-align: center;\n    color:#000;<\/p>\n<p>    margin:0;\n    padding:0;<\/p>\n<p>    perspective:1000px;\n}<\/p>\n<p>\/* =========================\n   Responsive\n========================= *\/<\/p>\n<p>@media (max-width:1024px){<\/p>\n<p>    .reveal-title{\n        font-size:65px;\n    }<\/p>\n<p>}<\/p>\n<p>@media (max-width:767px){<\/p>\n<p>    .reveal-title{\n        font-size:50px;\n        line-height:1;\n    }<\/p>\n<p>}<\/p>\n<p>\/* =========================\n   Animation Elements\n========================= *\/<\/p>\n<p>.reveal-title .word{\n    display:inline-block;<\/p>\n<p>    opacity:0;<\/p>\n<p>    filter:blur(25px);<\/p>\n<p>    transform:\n        translateY(45px)\n        scale(0.96);<\/p>\n<p>    will-change:\n        transform,\n        opacity,\n        filter;<\/p>\n<p>    transition:\n        opacity .9s cubic-bezier(.22,1,.36,1),\n        transform .9s cubic-bezier(.22,1,.36,1),\n        filter .9s cubic-bezier(.22,1,.36,1);\n}<\/p>\n<p>\/* Visible *\/<\/p>\n<p>.reveal-title.is-visible .word{<\/p>\n<p>    opacity:1;<\/p>\n<p>    filter:blur(0);<\/p>\n<p>    transform:\n        translateY(0)\n        scale(1);\n}<\/p>\n<p>\/* Hidden *\/<\/p>\n<p>.reveal-title:not(.is-visible) .word{<\/p>\n<p>    opacity:0;<\/p>\n<p>    filter:blur(25px);<\/p>\n<p>    transform:\n        translateY(45px)\n        scale(0.96);\n}\n<\/style>\n<p><script><\/p>\n<p>\/\/ ===============================\n\/\/ REVEAL TITLE WORD ANIMATION\n\/\/ ===============================<\/p>\n<p>document.addEventListener(\"DOMContentLoaded\", () => {<\/p>\n<p>  const titles = document.querySelectorAll('.reveal-title');<\/p>\n<p>  \/\/ \u062a\u0628\u062f\u06cc\u0644 \u0645\u062a\u0646 \u0628\u0647 span \u0647\u0627\u06cc \u06a9\u0644\u0645\u0647\u200c\u0627\u06cc\n  titles.forEach(title => {<\/p>\n<p>    const text = title.textContent.trim();<\/p>\n<p>    title.innerHTML = text\n      .split(' ')\n      .map((word, index) =>\n        `<span class=\"word\" style=\"transition-delay:${index * 80}ms\">${word}&nbsp;<\/span>`\n      )\n      .join('');\n  });<\/p>\n<p>  \/\/ IntersectionObserver \u0628\u0631\u0627\u06cc \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0648\u0631\u0648\u062f\n  const observer = new IntersectionObserver((entries) => {<\/p>\n<p>    entries.forEach(entry => {<\/p>\n<p>      if(entry.isIntersecting){\n        entry.target.classList.add('is-visible');\n      } else {\n        entry.target.classList.remove('is-visible');\n      }<\/p>\n<p>    });<\/p>\n<p>  },{\n    threshold: 0.35\n  });<\/p>\n<p>  document.querySelectorAll('.reveal-title').forEach(el => {\n    observer.observe(el);\n  });<\/p>\n<p>});\n<\/script><\/p>\n","protected":false},"author":1,"template":"","meta":[],"class_list":["post-123","jupiterx-codes","type-jupiterx-codes","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/new.everestrenovations.com.au\/index.php\/wp-json\/wp\/v2\/jupiterx-codes\/123","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/new.everestrenovations.com.au\/index.php\/wp-json\/wp\/v2\/jupiterx-codes"}],"about":[{"href":"https:\/\/new.everestrenovations.com.au\/index.php\/wp-json\/wp\/v2\/types\/jupiterx-codes"}],"author":[{"embeddable":true,"href":"https:\/\/new.everestrenovations.com.au\/index.php\/wp-json\/wp\/v2\/users\/1"}],"wp:attachment":[{"href":"https:\/\/new.everestrenovations.com.au\/index.php\/wp-json\/wp\/v2\/media?parent=123"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}