.elementor-96 .elementor-element.elementor-element-7b10512a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-96 .elementor-element.elementor-element-7b10512a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-96 .elementor-element.elementor-element-1a8208b5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-96 .elementor-element.elementor-element-63286af2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-96 .elementor-element.elementor-element-769f9a9d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-96 .elementor-element.elementor-element-1fb18eae{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-96 .elementor-element.elementor-element-3641872c .elementor-icon-wrapper{text-align:center;}.elementor-96 .elementor-element.elementor-element-585e3610 .elementor-icon-wrapper{text-align:center;}.elementor-96 .elementor-element.elementor-element-2c7a11ec .elementor-icon-wrapper{text-align:center;}.elementor-96 .elementor-element.elementor-element-66d83124 .elementor-icon-wrapper{text-align:center;}.elementor-96 .elementor-element.elementor-element-57dbdfb1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-96 .elementor-element.elementor-element-5a242de5{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-96 .elementor-element.elementor-element-37bee171 .elementor-icon-wrapper{text-align:center;}.elementor-96 .elementor-element.elementor-element-3a55605b .elementor-icon-wrapper{text-align:center;}.elementor-96 .elementor-element.elementor-element-3e5e96ea{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-96 .elementor-element.elementor-element-27712868 .elementor-icon-wrapper{text-align:center;}.elementor-96 .elementor-element.elementor-element-4a5fd074{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-96 .elementor-element.elementor-element-4a5fd074:not(.elementor-motion-effects-element-type-background), .elementor-96 .elementor-element.elementor-element-4a5fd074 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://aslihanaida.com/wp-content/uploads/2026/10/bg.png");background-position:center center;background-repeat:repeat;background-size:20% auto;}.elementor-96 .elementor-element.elementor-element-2c322ef7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-96 .elementor-element.elementor-element-5bd5b59d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-96 .elementor-element.elementor-element-6b02840 .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-96 .elementor-element.elementor-element-5cc7085a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-96 .elementor-element.elementor-element-77b5e6f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-96 .elementor-element.elementor-element-40e09880{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-96 .elementor-element.elementor-element-2591fdb9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-96 .elementor-element.elementor-element-ea443bd{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-96 .elementor-element.elementor-element-55443f82{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-96 .elementor-element.elementor-element-7e3ae464{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-96 .elementor-element.elementor-element-1b2c003a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-96 .elementor-element.elementor-element-2550b958{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-96 .elementor-element.elementor-element-5f343ee6 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-96 .elementor-element.elementor-element-5f343ee6 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-96 .elementor-element.elementor-element-5f343ee6 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-96 .elementor-element.elementor-element-5f343ee6 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-96 .elementor-element.elementor-element-5f343ee6 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-96 .elementor-element.elementor-element-5f343ee6 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-96 .elementor-element.elementor-element-5f343ee6 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-96 .elementor-element.elementor-element-5f343ee6 .elementor-field-type-html{padding-bottom:0px;}.elementor-96 .elementor-element.elementor-element-5f343ee6 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-96 .elementor-element.elementor-element-5f343ee6 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-96 .elementor-element.elementor-element-5f343ee6 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-96 .elementor-element.elementor-element-5f343ee6 .elementor-button[type="submit"]{color:#ffffff;}.elementor-96 .elementor-element.elementor-element-5f343ee6 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-96 .elementor-element.elementor-element-5f343ee6 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-96 .elementor-element.elementor-element-5f343ee6 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-96 .elementor-element.elementor-element-5f343ee6 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-96 .elementor-element.elementor-element-5f343ee6 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-96 .elementor-element.elementor-element-5f343ee6 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-96 .elementor-element.elementor-element-5f343ee6{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-96 .elementor-element.elementor-element-3594187f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-96 .elementor-element.elementor-element-3594187f:not(.elementor-motion-effects-element-type-background), .elementor-96 .elementor-element.elementor-element-3594187f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://aslihanaida.com/wp-content/uploads/2026/10/bg.png");background-position:center center;background-repeat:repeat;background-size:20% auto;}.elementor-96 .elementor-element.elementor-element-74579ffb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-96 .elementor-element.elementor-element-5b39192{color:#115E45;}.elementor-96 .elementor-element.elementor-element-6d9b9a3e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-96 .elementor-element.elementor-element-95c032b{--display:flex;}.elementor-96 .elementor-element.elementor-element-03f8ade{--display:flex;}@media(min-width:768px){.elementor-96 .elementor-element.elementor-element-7b10512a{--width:100%;}}/* Start custom CSS *//* ========================================================= IWY pixel, "Eye" popup widget · RANDOM POZÍCIÓ 30 mp-enként felugrik, 10 mp-ig látszik, és minden alkalommal máshol a képernyőn. Tiszta CSS, nincs JS. ÚJ: · rátételkor MINDIG máshova ugrik (véletlen pont a képernyőn) · az új helyén marad, nem ugrik vissza az eredeti pontra · az elugrást a hozzá tartozó kis JS végzi (iwy-eye.js.html) HASZNÁLAT (Elementor): 1) Tegyél a fejléc/lábléc sablonba (vagy az oldalra) egy Kép widgetet a szem képpel. 2) Haladó > CSS Classes: iwy-eye 3) Ezt a CSS-t: Elementor > Oldalbeállítások > Egyéni CSS 4) A JS-t (iwy-eye.js.html) tedd egy HTML widgetbe az oldalra Ha nem Elementor:
(kell a köztes elem, azon történik az elugrás) ========================================================= */ :root{ /* --- MÉRET ------------------------------------------- */ --eye-w: 75px; /* szélesség asztali nézetben */ --eye-h: calc(var(--eye-w) * .724); /* a kép arányából (946x685) */ --eye-margin: 26px; /* biztonsági sáv a képernyő szélétől */ /* --- IDŐZÍTÉS ---------------------------------------- */ /* 320s = 8 megjelenés x 40s (10 mp látszik + 30 mp szünet). Ha gyorsítani/lassítani akarsz, CSAK ezt az egy értéket írd át, minden arányosan együtt mozog: 240s -> 7.5 mp látszik / 22.5 mp szünet 400s -> 12.5 mp látszik / 37.5 mp szünet */ --eye-loop: 320s; --eye-delay: 5s; /* első megjelenés késleltetése */ /* --- ELUGRÁS ----------------------------------------- */ --dodge-time: .35s; /* az elugrás sebessége */ /* --- SZÍN -------------------------------------------- */ --eye-glow: rgba(32, 220, 96, .55); /* --- számolt (ne nyúlj hozzá) ------------------------- */ --px: calc((100vw - var(--eye-w) - var(--eye-margin) * 2) / 100); --py: calc((100vh - var(--eye-h) - var(--eye-margin) * 2) / 100); } .iwy-eye{ position: fixed !important; top: 0; left: 0; z-index: 9999; width: var(--eye-w); margin: 0 !important; pointer-events: none; /* a keyframes kapcsolja be, amíg látszik */ opacity: 0; visibility: hidden; will-change: opacity, transform; animation: iwy-eye-random var(--eye-loop) var(--eye-delay) linear infinite both; } /* köztes szint: ezen történik az elugrás (Elementornál ez a .elementor-widget-container) A --jx / --jy értéket a JS állítja be minden rátételkor. */ .iwy-eye > *{ display: block; transform: translate(var(--jx, 0px), var(--jy, 0px)); transition: transform var(--dodge-time) cubic-bezier(.22, 1, .36, 1); } .iwy-eye img{ display: block; width: 100%; height: auto; filter: drop-shadow(0 0 22px var(--eye-glow)); animation: iwy-eye-breathe 3.4s ease-in-out infinite; } /* --------------------------------------------------------- 8 különböző pozíció, egymás után. A pozíciót mindig láthatatlan állapotban váltja, így "véletlenszerűen" bukkan fel máshol. A sor ~5,3 percenként ismétlődik. A számok a használható terület %-ai (0 = bal/fent, 100 = jobb/lent). --------------------------------------------------------- */ @keyframes iwy-eye-random{ /* 1. bal alsó */ 0% { visibility: visible; opacity: 0; pointer-events: none; transform: translate(calc(var(--eye-margin) + 8*var(--px)), calc(var(--eye-margin) + 62*var(--py))) scale(.82); } 0.25% { opacity: 1; pointer-events: auto; transform: translate(calc(var(--eye-margin) + 8*var(--px)), calc(var(--eye-margin) + 62*var(--py))) scale(1); } 2.875% { opacity: 1; pointer-events: auto; transform: translate(calc(var(--eye-margin) + 8*var(--px)), calc(var(--eye-margin) + 62*var(--py))) scale(1); } 3.125% { opacity: 0; pointer-events: none; transform: translate(calc(var(--eye-margin) + 8*var(--px)), calc(var(--eye-margin) + 62*var(--py))) scale(.82); } 3.14% { visibility: hidden; transform: translate(calc(var(--eye-margin) + 8*var(--px)), calc(var(--eye-margin) + 62*var(--py))) scale(.82); } /* 2. jobb fent */ 12.5% { visibility: visible; opacity: 0; pointer-events: none; transform: translate(calc(var(--eye-margin) + 71*var(--px)), calc(var(--eye-margin) + 14*var(--py))) scale(.82); } 12.75% { opacity: 1; pointer-events: auto; transform: translate(calc(var(--eye-margin) + 71*var(--px)), calc(var(--eye-margin) + 14*var(--py))) scale(1); } 15.375% { opacity: 1; pointer-events: auto; transform: translate(calc(var(--eye-margin) + 71*var(--px)), calc(var(--eye-margin) + 14*var(--py))) scale(1); } 15.625% { opacity: 0; pointer-events: none; transform: translate(calc(var(--eye-margin) + 71*var(--px)), calc(var(--eye-margin) + 14*var(--py))) scale(.82); } 15.64% { visibility: hidden; transform: translate(calc(var(--eye-margin) + 71*var(--px)), calc(var(--eye-margin) + 14*var(--py))) scale(.82); } /* 3. középen lent */ 25% { visibility: visible; opacity: 0; pointer-events: none; transform: translate(calc(var(--eye-margin) + 36*var(--px)), calc(var(--eye-margin) + 80*var(--py))) scale(.82); } 25.25% { opacity: 1; pointer-events: auto; transform: translate(calc(var(--eye-margin) + 36*var(--px)), calc(var(--eye-margin) + 80*var(--py))) scale(1); } 27.875% { opacity: 1; pointer-events: auto; transform: translate(calc(var(--eye-margin) + 36*var(--px)), calc(var(--eye-margin) + 80*var(--py))) scale(1); } 28.125% { opacity: 0; pointer-events: none; transform: translate(calc(var(--eye-margin) + 36*var(--px)), calc(var(--eye-margin) + 80*var(--py))) scale(.82); } 28.14% { visibility: hidden; transform: translate(calc(var(--eye-margin) + 36*var(--px)), calc(var(--eye-margin) + 80*var(--py))) scale(.82); } /* 4. jobb oldalt, középmagasan */ 37.5% { visibility: visible; opacity: 0; pointer-events: none; transform: translate(calc(var(--eye-margin) + 88*var(--px)), calc(var(--eye-margin) + 44*var(--py))) scale(.82); } 37.75% { opacity: 1; pointer-events: auto; transform: translate(calc(var(--eye-margin) + 88*var(--px)), calc(var(--eye-margin) + 44*var(--py))) scale(1); } 40.375% { opacity: 1; pointer-events: auto; transform: translate(calc(var(--eye-margin) + 88*var(--px)), calc(var(--eye-margin) + 44*var(--py))) scale(1); } 40.625% { opacity: 0; pointer-events: none; transform: translate(calc(var(--eye-margin) + 88*var(--px)), calc(var(--eye-margin) + 44*var(--py))) scale(.82); } 40.64% { visibility: hidden; transform: translate(calc(var(--eye-margin) + 88*var(--px)), calc(var(--eye-margin) + 44*var(--py))) scale(.82); } /* 5. bal fent */ 50% { visibility: visible; opacity: 0; pointer-events: none; transform: translate(calc(var(--eye-margin) + 17*var(--px)), calc(var(--eye-margin) + 20*var(--py))) scale(.82); } 50.25% { opacity: 1; pointer-events: auto; transform: translate(calc(var(--eye-margin) + 17*var(--px)), calc(var(--eye-margin) + 20*var(--py))) scale(1); } 52.875% { opacity: 1; pointer-events: auto; transform: translate(calc(var(--eye-margin) + 17*var(--px)), calc(var(--eye-margin) + 20*var(--py))) scale(1); } 53.125% { opacity: 0; pointer-events: none; transform: translate(calc(var(--eye-margin) + 17*var(--px)), calc(var(--eye-margin) + 20*var(--py))) scale(.82); } 53.14% { visibility: hidden; transform: translate(calc(var(--eye-margin) + 17*var(--px)), calc(var(--eye-margin) + 20*var(--py))) scale(.82); } /* 6. közép-jobb, lentebb */ 62.5% { visibility: visible; opacity: 0; pointer-events: none; transform: translate(calc(var(--eye-margin) + 57*var(--px)), calc(var(--eye-margin) + 68*var(--py))) scale(.82); } 62.75% { opacity: 1; pointer-events: auto; transform: translate(calc(var(--eye-margin) + 57*var(--px)), calc(var(--eye-margin) + 68*var(--py))) scale(1); } 65.375% { opacity: 1; pointer-events: auto; transform: translate(calc(var(--eye-margin) + 57*var(--px)), calc(var(--eye-margin) + 68*var(--py))) scale(1); } 65.625% { opacity: 0; pointer-events: none; transform: translate(calc(var(--eye-margin) + 57*var(--px)), calc(var(--eye-margin) + 68*var(--py))) scale(.82); } 65.64% { visibility: hidden; transform: translate(calc(var(--eye-margin) + 57*var(--px)), calc(var(--eye-margin) + 68*var(--py))) scale(.82); } /* 7. jobb alsó sarok */ 75% { visibility: visible; opacity: 0; pointer-events: none; transform: translate(calc(var(--eye-margin) + 93*var(--px)), calc(var(--eye-margin) + 79*var(--py))) scale(.82); } 75.25% { opacity: 1; pointer-events: auto; transform: translate(calc(var(--eye-margin) + 93*var(--px)), calc(var(--eye-margin) + 79*var(--py))) scale(1); } 77.875% { opacity: 1; pointer-events: auto; transform: translate(calc(var(--eye-margin) + 93*var(--px)), calc(var(--eye-margin) + 79*var(--py))) scale(1); } 78.125% { opacity: 0; pointer-events: none; transform: translate(calc(var(--eye-margin) + 93*var(--px)), calc(var(--eye-margin) + 79*var(--py))) scale(.82); } 78.14% { visibility: hidden; transform: translate(calc(var(--eye-margin) + 93*var(--px)), calc(var(--eye-margin) + 79*var(--py))) scale(.82); } /* 8. középen fent */ 87.5% { visibility: visible; opacity: 0; pointer-events: none; transform: translate(calc(var(--eye-margin) + 42*var(--px)), calc(var(--eye-margin) + 7*var(--py))) scale(.82); } 87.75% { opacity: 1; pointer-events: auto; transform: translate(calc(var(--eye-margin) + 42*var(--px)), calc(var(--eye-margin) + 7*var(--py))) scale(1); } 90.375% { opacity: 1; pointer-events: auto; transform: translate(calc(var(--eye-margin) + 42*var(--px)), calc(var(--eye-margin) + 7*var(--py))) scale(1); } 90.625% { opacity: 0; pointer-events: none; transform: translate(calc(var(--eye-margin) + 42*var(--px)), calc(var(--eye-margin) + 7*var(--py))) scale(.82); } 90.64% { visibility: hidden; transform: translate(calc(var(--eye-margin) + 42*var(--px)), calc(var(--eye-margin) + 7*var(--py))) scale(.82); } 100% { visibility: hidden; opacity: 0; pointer-events: none; transform: translate(calc(var(--eye-margin) + 42*var(--px)), calc(var(--eye-margin) + 7*var(--py))) scale(.82); } } /* Lassú "lélegzés" amíg látszik. FONTOS: itt a külön 'scale' tulajdonság megy, NEM transform: scale(). Az Elementor a képet sokszor közvetlen gyermekként teszi ki (nincs .elementor-widget-container), és ha ez az animáció a transform-ot használná, felülírná az elugrást. */ @keyframes iwy-eye-breathe{ 0%, 100% { scale: 1; filter: drop-shadow(0 0 18px var(--eye-glow)); } 50% { scale: 1.04; filter: drop-shadow(0 0 34px var(--eye-glow)); } } /* ---------- Mobil ---------- */ @media (max-width: 767px){ :root{ --eye-w: 52px; --eye-margin: 14px; } } /* ---------- Akadálymentesség: csökkentett mozgás ---------- */ @media (prefers-reduced-motion: reduce){ .iwy-eye img{ animation: none; } } /* ========================================================= TIPPEK --------------------------------------------------------- • Méret: csak a --eye-w értéket írd át (asztali + mobil). • Elugrás sebessége: --dodge-time • Ne legyen elugrás: told ki a JS-t az oldalról. • Csak a kezdőlapon: a szabályok elé tedd body.home (pl. body.home .iwy-eye{...} ) ========================================================= */ .elementor-editor-active .reveal{opacity:1;transform:none}/* End custom CSS */