{"id":22535,"date":"2025-05-21T16:50:37","date_gmt":"2025-05-21T07:50:37","guid":{"rendered":"https:\/\/rika.honoya-shop.jp\/?p=22535"},"modified":"2025-05-21T16:53:47","modified_gmt":"2025-05-21T07:53:47","slug":"ascd","status":"publish","type":"post","link":"https:\/\/rika.honoya-shop.jp\/?p=22535","title":{"rendered":"ASCD"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"22535\" class=\"elementor elementor-22535\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-86b8d6c e-flex e-con-boxed e-con e-parent\" data-id=\"86b8d6c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-1270f3c e-con-full e-flex e-con e-child\" data-id=\"1270f3c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7d4f2ff elementor-widget elementor-widget-html\" data-id=\"7d4f2ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- \u2705 \u30b9\u30af\u30ed\u30fc\u30eb3D\u30ab\u30fc\u30c9\uff1aElementor\u7528 -->\n<div style=\"height: 3000px;\">\n  <div class=\"reboot-stacking-card-area\">\n    <div class=\"reboot-stacked-cards\">\n      <div class=\"stack-card\"><h2>Card 1<\/h2><p>Benefits We'll Use Everyday<\/p><\/div>\n      <div class=\"stack-card\"><h2>Card 2<\/h2><p>Promote Financial Wellbeing<\/p><\/div>\n      <div class=\"stack-card\"><h2>Card 3<\/h2><p>Friendly Staff Ready To Help<\/p><\/div>\n      <div class=\"stack-card\"><h2>Card 4<\/h2><p>Find Great People<\/p><\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\nhtml, body {\n  margin: 0;\n  padding: 0;\n  overflow-x: hidden;\n}\n.reboot-stacking-card-area {\n  position: relative;\n  height: 100vh;\n  perspective: 1000px;\n  --card-scroll-height: 400;\n  --card-rotate: 15;\n}\n.reboot-stacked-cards {\n  position: sticky;\n  top: 120px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n.stack-card {\n  background: linear-gradient(to right, #e0c3fc, #8ec5fc);\n  border-radius: 16px;\n  padding: 30px;\n  margin-bottom: 80px;\n  width: 90%;\n  max-width: 350px;\n  height: 250px;\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);\n  transform-origin: bottom center;\n  transform-style: preserve-3d;\n  transition: transform 0.5s ease, opacity 0.4s ease;\n  opacity: 0;\n}\n.stack-card.reboot-active-card {\n  opacity: 1;\n}\n<\/style>\n\n<script src=\"https:\/\/code.jquery.com\/jquery-3.5.1.min.js\"><\/script>\n<script>\nif (!window.rebootStackInitialized) {\n  window.rebootStackInitialized = true;\n\n  jQuery(document).ready(function ($) {\n    const $area = $('.reboot-stacking-card-area');\n    const $cards = $('.stack-card');\n    const scrollHeight = parseInt(getComputedStyle($area[0]).getPropertyValue('--card-scroll-height')) || 400;\n    const rotateDeg = parseInt(getComputedStyle($area[0]).getPropertyValue('--card-rotate')) || 15;\n\n    function updateCards() {\n      const scrollTop = $(window).scrollTop();\n      const areaTop = $area.offset().top;\n      const index = Math.floor((scrollTop - areaTop) \/ scrollHeight);\n\n      $cards.each(function (i) {\n        const angle = (index - i) * rotateDeg;\n        if (i <= index) {\n          $(this).addClass('reboot-active-card');\n        } else {\n          $(this).removeClass('reboot-active-card');\n        }\n        $(this).css('transform', `rotateX(${angle}deg)`);\n      });\n    }\n\n    $(window).on('scroll resize', updateCards);\n    updateCards();\n  });\n}\n<\/script>\t\t\t\t<\/div>\n\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>Card 1 Benefits We&#038;#&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"vkexunit_cta_each_option":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-22535","post","type-post","status-publish","format-standard","hentry","category-hokkaido-farmer"],"acf":[],"_links":{"self":[{"href":"https:\/\/rika.honoya-shop.jp\/index.php?rest_route=\/wp\/v2\/posts\/22535","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rika.honoya-shop.jp\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rika.honoya-shop.jp\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rika.honoya-shop.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rika.honoya-shop.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=22535"}],"version-history":[{"count":4,"href":"https:\/\/rika.honoya-shop.jp\/index.php?rest_route=\/wp\/v2\/posts\/22535\/revisions"}],"predecessor-version":[{"id":22539,"href":"https:\/\/rika.honoya-shop.jp\/index.php?rest_route=\/wp\/v2\/posts\/22535\/revisions\/22539"}],"wp:attachment":[{"href":"https:\/\/rika.honoya-shop.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=22535"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rika.honoya-shop.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=22535"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rika.honoya-shop.jp\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=22535"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}