JavaScript must be enabled to play.
Browser lacks capabilities required to play.
Upgrade or switch to another browser.
Loading…
<style> :root { --background-image: url('https://i.ibb.co/C3TxPCQz/wilderness-1.jpg'); --overlay-opacity: 0.65; } </style> <div class="background"></div> <div class="overlay"></div> <div> <img src="https://i.ibb.co/Y4wwy4rz/Flo-w-nome-Libertinage-white-smaller.png" class="logo" alt="FLO'W"> <span class="space-xl"></span> <!-- CTA PRIMARIA RPG Style --> @@#primary-button; [[🥷🏻 ENTRA|Foresta]] @@ <span class="space-xl"></span> <span class="space-lg"></span> <!-- SEPARATORE --> <p style="font-size: 0.8rem; opacity: 0.5; letter-spacing: 0.25em; margin: 1.5rem 0; text-transform: uppercase;"> — Accesso Rapido — </p> <span class="space-md"></span> <!-- LINK SECONDARI --> [[🎵 Musica|Musica]] [[💬 Antro degli Eroi|Antro]] [[🗡️ Emporio|Emporio]] </div>
<style> :root { --background-image: url('https://i.ibb.co/C3TxPCQz/wilderness-1.jpg'); --overlay-opacity: 0.7; } </style> <div class="background"></div> <div class="overlay"></div> <div> <h2>🌲 Foresta</h2> <span class="space-lg"></span> <p style="font-style: italic; opacity: 0.9; font-size: 0.95rem;"> Tre portali brillano nella nebbia... </p> <span class="space-xl"></span> <div> [[🏡 Mondo Terreno|MondoTerreno]] <div style="font-size: 0.75rem; opacity: 0.6; margin-top: 0.3rem; margin-bottom: 0.8rem;">La realizzazione</div> </div> <div> [[🏰 Mondo Dentro|MondoDentro]] <div style="font-size: 0.75rem; opacity: 0.6; margin-top: 0.3rem; margin-bottom: 0.8rem;">Il viaggio interiore</div> </div> <div> [[☢️ Mondo Oltre|MondoOltre]] <div style="font-size: 0.75rem; opacity: 0.6; margin-top: 0.3rem; margin-bottom: 0.8rem;">La sopravvivenza</div> </div> <span class="space-xl"></span> <div style="width: 60%; height: 1px; background: rgba(255,255,255,0.2); margin: 1.5rem auto;"></div> <span class="space-md"></span> <div style="font-size: 0.9rem;"> [[← Indietro|Menu]] </div> </div>
[[← Torna al Menu|Menu]]
[[← Torna al Menu|Menu]]
[[← Torna al Menu|Menu]]
[[← Torna al Menu|Menu]]
🏷️ TAG TWINE - GUIDA RAPIDA ---------------------------- Nessun Tag (DEFAULT) ✅ Gradient animato attivo ✅ Particles attive Quando usarlo: Menu principale, passaggi standard, atmosfera generale Tag: image-bg ❌ Gradient disattivato ✅ Particles attive Quando usarlo: Passaggi con immagine/foto di sfondo personalizzata Esempio: Foresta, città, location specifiche Tag: clean ❌ Gradient disattivato ❌ Particles disattivate Quando usarlo: Passaggi minimalisti, testo puro, focus sulla lettura Esempio: Dialoghi lunghi, descrizioni narrative, momenti introspettivi Tag: no-particles ✅ Gradient attivo ❌ Particles disattivate Quando usarlo: Quando vuoi solo l'atmosfera del gradient senza "disturbo" visivo Esempio: Passaggi con molto testo o interfacce complesse 💡 TIPS ------- - I tag si aggiungono nel campo "Tags" dell'editor del passaggio - Puoi aggiungere più tag contemporaneamente (es. image-bg + altri tag organizzativi) - I tag sono case-sensitive: usa minuscole (image-bg non Image-Bg)
- Per aggiungere animazione a elemento CSS, ecco un esempio con zoomFadeIn (controlla nomi animazioni in sezione CSS "TRANSIZIONI": animation: zoomFadeIn 0.6s ease-out; - Trasparenza overlay custom: --overlay-opacity: 0.4; -> inserisci in alto nel passaggio in :root sotto --background-image. Es: --background-image: url('https://tua-immagine.jpg'); --overlay-opacity: 0.4; Puoi anche usarlo solo sul gradient (senza immagine), aggiungendo tutto tranne --background-image.
- Abbiamo già creato una classe .img con leggera animazione in entrata per immagini all'interno della pagina. Per inserirla: <img src="URL" class="img"> Se non si comporta bene, confrontare con aiuto AI con CSS test funzionanti.