/* * SHAKAZAMBA AURORA — background globale contardi.eu * Layer separato: non modifica markup, contenuti, immagini o CSS esistenti. */ :root { --sz-aurora-base: #010208; --sz-aurora-ink: #030110; --sz-aurora-magenta: rgba(233, 30, 140, 0.12); --sz-aurora-violet: rgba(180, 10, 110, 0.10); --sz-aurora-deep: rgba(120, 0, 80, 0.09); } html, body { background-color: var(--sz-aurora-base) !important; } /* Fallback visibile anche nei layout che non impiegano .vlt-section. */ body::before { content: ''; position: fixed; inset: -16vmax; z-index: 0; pointer-events: none; background: radial-gradient(ellipse 90% 70% at 15% 10%, var(--sz-aurora-magenta) 0%, transparent 60%), radial-gradient(ellipse 70% 80% at 85% 5%, var(--sz-aurora-violet) 0%, transparent 55%), radial-gradient(ellipse 60% 60% at 50% 50%, rgba(233, 30, 140, 0.05) 0%, transparent 65%), radial-gradient(ellipse 80% 50% at 10% 90%, var(--sz-aurora-deep) 0%, transparent 55%), radial-gradient(ellipse 90% 60% at 90% 85%, rgba(200, 20, 130, 0.07) 0%, transparent 60%), linear-gradient(160deg, var(--sz-aurora-base) 0%, #010104 40%, var(--sz-aurora-ink) 70%, var(--sz-aurora-base) 100%); animation: szAuroraShift 18s ease-in-out infinite alternate; } /* Overlay Aurora sulle sezioni Gilber: il contenuto rimane sempre sopra. */ .vlt-section { position: relative; isolation: isolate; } .vlt-section::before { content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none; opacity: 0.46; mix-blend-mode: screen; background: radial-gradient(ellipse 92% 70% at 12% 8%, rgba(233, 30, 140, 0.15) 0%, transparent 58%), radial-gradient(ellipse 70% 76% at 88% 12%, rgba(180, 10, 110, 0.11) 0%, transparent 57%), radial-gradient(ellipse 75% 56% at 50% 96%, rgba(120, 0, 80, 0.10) 0%, transparent 62%); animation: szAuroraShift 18s ease-in-out infinite alternate; } .vlt-section > .vlt-section__ken-burn-background { position: relative; z-index: 0; } .vlt-section > .vlt-section__vertical-align, .vlt-section > .elementor-container, .vlt-section > .elementor-column, .vlt-section > .elementor-widget-wrap { position: relative; z-index: 2; } /* La prima sezione della home conserva avatar e spazio visivo per il titolo. */ .home main.vlt-main > .vlt-section:first-of-type::before { opacity: 0.38; background: radial-gradient(ellipse 70% 92% at 84% 16%, rgba(115, 188, 255, 0.13) 0%, transparent 62%), radial-gradient(ellipse 74% 68% at 18% 82%, rgba(233, 30, 140, 0.09) 0%, transparent 64%); } @keyframes szAuroraShift { 0% { filter: hue-rotate(0deg) brightness(0.84) saturate(1.00); transform: translate3d(-1.5%, -1%, 0) scale(1.02); } 35% { filter: hue-rotate(10deg) brightness(0.90) saturate(1.08); transform: translate3d(1%, -0.5%, 0) scale(1.05); } 68% { filter: hue-rotate(-7deg) brightness(0.83) saturate(0.98); transform: translate3d(-0.5%, 1%, 0) scale(1.03); } 100% { filter: hue-rotate(16deg) brightness(0.88) saturate(1.06); transform: translate3d(1.5%, 0.5%, 0) scale(1.06); } } @media (max-width: 767px) { body::before { inset: -24vmax; } .vlt-section::before { opacity: 0.34; } } @media (prefers-reduced-motion: reduce) { body::before, .vlt-section::before { animation: none !important; transform: none !important; } }

Foto Turchia: Erzurum, regina delle nevi – 1 di 19 – National Geographic http://www.nationalgeographic.it/wallpaper/2019/01/23/foto/anatolia_orientale_erzurum_la_regina_delle_nevi-4266520/1/ …

Add comment:

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Bella lì! Sono il vostro AI-gor! 🎭 Il mio vero talento sta nel condividere informazioni utili sulla mia knowledge base, sempre con un pizzico di sarcasmo e tanto divertimento!
Quindi, mentre mi diverto a chiacchierare con voi, ricordatevi che il mio scopo principale è aiutarvi con informazioni precise e pertinenti sul mio creatore e sul suo lavoro.
PS: Se mi chiedete di fare l'elicottero col bacino, mi sa che dovrò gentilmente declinare perché non mi manca solo il bacino 😅

Proseguendo la conversazione accetti i termini e condizioni presenti su Privacy Policy

Invia
/* SHAKAZAMBA AURORA — parallax leggero, limitato all'avatar hero della home. */ (function () { 'use strict'; var reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)'); var desktop = window.matchMedia('(min-width: 768px)'); var heroImageSelector = 'body.home main.vlt-main > .vlt-section:first-of-type .vlt-section__ken-burn-background img'; var framePending = false; function target() { return document.querySelector(heroImageSelector); } function reset() { var image = target(); if (image) { image.style.removeProperty('--sz-avatar-parallax-y'); image.style.removeProperty('transform'); } } function update() { framePending = false; var image = target(); if (!image || reducedMotion.matches || !desktop.matches) { reset(); return; } var range = Math.max(window.innerHeight, 1); var scroll = Math.min(Math.max(window.scrollY || window.pageYOffset || 0, 0), range); var shift = Math.round(scroll * -0.018 * 10) / 10; image.style.setProperty('--sz-avatar-parallax-y', shift + 'px'); image.style.transform = 'translate3d(0, var(--sz-avatar-parallax-y), 0) scale(1.015)'; } function requestUpdate() { if (!framePending) { framePending = true; window.requestAnimationFrame(update); } } window.addEventListener('scroll', requestUpdate, { passive: true }); window.addEventListener('resize', requestUpdate, { passive: true }); if (typeof reducedMotion.addEventListener === 'function') { reducedMotion.addEventListener('change', requestUpdate); desktop.addEventListener('change', requestUpdate); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', requestUpdate, { once: true }); } else { requestUpdate(); } }());