/*! * A&A Forgacs Muhelye - GSAP Image Reveal (kezdoallapot) v3.0.0 * * Egyseges, szekcio-alapu rendszer: nem kepenkent celoz, hanem blokkonkent, * igy a szekcion beluli osszes kepwidget automatikusan megkapja az effektet. * A szekciolista :is()-ben, egy helyen szerepel. * * 5 / .elementor-element-a46a330 - nagy gardrob foto (1 kep) * 5 / .elementor-element-b20ee7a - bal oldali konyha foto (1 kep) * 392 / .elementor-element-9f76af1 - Eloszoba/Gardrob/Mediafal (3 kep) * 392 / .elementor-element-7304ade - Haloszoba/Furdo (2 kep) * 395 / .elementor-element-c07157e - nagy enterior foto (1 kep) * 395 / .elementor-element-d3e79c2 - 3D latvanytervezes (4 kep) * 395 / .elementor-element-06584ef - Terv es valosag (2 kep) * 397 / .elementor-element-492bd32 - Pergola latvanyterv (1 kep) * 397 / .elementor-element-2839a0e - Anyaghasznalat/Kapcsolodo (2 kep) * kozos osztaly: .gsap-image-reveal, .aa-reveal-img * * FONTOS - FALLBACK (v3) * A kiindulo maszk CSAK akkor lep ervenybe, ha a elemen ott van az * `.aa-reveal-js` osztaly. Ezt ket helyrol kapja meg: * 1. egy apro inline script a -ben (azonnal, villanas nelkul), * 2. maga a motor, ha az inline script valamiert nem futott le. * Ha a JavaScript egyaltalan nem fut, vagy a GSAP nem tolt be, az osztaly * lekerul (orkutya) - ilyenkor a kep MASZK NELKUL, teljesen lathato marad. * Az animacio tehat sosem feltetele a tartalom megjelenesenek. * * A gorgeteshez kototott animaciot az aa-image-reveal.js veszi at (inline style). * A will-change-t szandekosan a JS kapcsolja be/ki. */ .aa-reveal-js :is( .elementor-element-a46a330, .elementor-element-b20ee7a, .elementor-element-9f76af1, .elementor-element-7304ade, .elementor-element-c07157e, .elementor-element-d3e79c2, .elementor-element-06584ef, .elementor-element-492bd32, .elementor-element-2839a0e ) .elementor-widget-image, .aa-reveal-js .gsap-image-reveal, .aa-reveal-js .aa-reveal-img { overflow: hidden; -webkit-clip-path: polygon(0% 100%, 0% 46%, 16.667% 46%, 16.667% 63%, 33.333% 63%, 33.333% 75%, 50% 75%, 50% 85%, 66.667% 85%, 66.667% 93%, 83.333% 93%, 83.333% 98%, 100% 98%, 100% 100%); clip-path: polygon(0% 100%, 0% 46%, 16.667% 46%, 16.667% 63%, 33.333% 63%, 33.333% 75%, 50% 75%, 50% 85%, 66.667% 85%, 66.667% 93%, 83.333% 93%, 83.333% 98%, 100% 98%, 100% 100%); } .aa-reveal-js :is( .elementor-element-a46a330, .elementor-element-b20ee7a, .elementor-element-9f76af1, .elementor-element-7304ade, .elementor-element-c07157e, .elementor-element-d3e79c2, .elementor-element-06584ef, .elementor-element-492bd32, .elementor-element-2839a0e ) .elementor-widget-image img, .aa-reveal-js .gsap-image-reveal img, .aa-reveal-js .aa-reveal-img img { transform: scale(1.08); transform-origin: center center; backface-visibility: hidden; } /* Mobil: egyszerusitett, haromlepcsos maszk - vizualisan ugyanaz a karakter */ @media (max-width: 767px) { .aa-reveal-js :is( .elementor-element-a46a330, .elementor-element-b20ee7a, .elementor-element-9f76af1, .elementor-element-7304ade, .elementor-element-c07157e, .elementor-element-d3e79c2, .elementor-element-06584ef, .elementor-element-492bd32, .elementor-element-2839a0e ) .elementor-widget-image, .aa-reveal-js .gsap-image-reveal, .aa-reveal-js .aa-reveal-img { -webkit-clip-path: polygon(0% 100%, 0% 55%, 33.333% 55%, 33.333% 78%, 66.667% 78%, 66.667% 94%, 100% 94%, 100% 100%); clip-path: polygon(0% 100%, 0% 55%, 33.333% 55%, 33.333% 78%, 66.667% 78%, 66.667% 94%, 100% 94%, 100% 100%); } .aa-reveal-js :is( .elementor-element-a46a330, .elementor-element-b20ee7a, .elementor-element-9f76af1, .elementor-element-7304ade, .elementor-element-c07157e, .elementor-element-d3e79c2, .elementor-element-06584ef, .elementor-element-492bd32, .elementor-element-2839a0e ) .elementor-widget-image img, .aa-reveal-js .gsap-image-reveal img, .aa-reveal-js .aa-reveal-img img { transform: scale(1.04); } } /* Befejezett / tartalek allapot: teljes teglalap */ .aa-reveal-img--done { -webkit-clip-path: none !important; clip-path: none !important; } .aa-reveal-img--done img { transform: none !important; } /* Csokkentett mozgasigeny eseten nincs animacio */ @media (prefers-reduced-motion: reduce) { :is( .elementor-element-a46a330, .elementor-element-b20ee7a, .elementor-element-9f76af1, .elementor-element-7304ade, .elementor-element-c07157e, .elementor-element-d3e79c2, .elementor-element-06584ef, .elementor-element-492bd32, .elementor-element-2839a0e ) .elementor-widget-image, .gsap-image-reveal, .aa-reveal-img { -webkit-clip-path: none !important; clip-path: none !important; } :is( .elementor-element-a46a330, .elementor-element-b20ee7a, .elementor-element-9f76af1, .elementor-element-7304ade, .elementor-element-c07157e, .elementor-element-d3e79c2, .elementor-element-06584ef, .elementor-element-492bd32, .elementor-element-2839a0e ) .elementor-widget-image img, .gsap-image-reveal img, .aa-reveal-img img { transform: none !important; } }