Ultimo lancio di Vibia 

Registrati per ricevere il catalogo Vibia ed esplora una selezione di prodotti ed effetti di luce che ti ispireranno a realizzare progetti unici.

Registrati

Scopri le ultime tendenze ed effetti di luce che renderanno i tuoi progetti davvero straordinari nel nostro nuovo catalogo digitale.

Sii il primo a creare spazi unici con le nostre nuove collezioni

Richiedi catalogo

Non sei ancora membro della nostra Area Professionale?

Unisciti e potrai utilizzare tutti i nostri strumenti, accedere a materiale tecnico di prodotto, scoprire contenuti esclusivi e partecipare a esperienze personalizzate per professionisti del design.

Vibia

Register / Login

Products

The Edit

Downloads

Where to buy

Professional area

Seguici

Pinterest

Instagram

Youtube

Linkedin

Facebook

Vibia è un'azienda globale di illuminazione con sede a Barcellona.

© Vibia 2024. Tutti i diritti riservati. Avviso legale - Politica sulla privacy

La luce è alla base del design dello spazio. Insieme ad architetti, interior designer, lighting designer, ingegneri e distributori, cerchiamo di migliorare il mondo attraverso un unico obiettivo: creare spazi migliori per vivere.

Download

Tutto ciò di cui hai bisogno: foto HR, librerie 2D e 3D, file BIM, schede tecniche di prodotto, fotometrie e istruzioni di montaggio.

Preventivi

Ricevi preventivi su misura per i tuoi progetti.

Installazione e manutenzione

Contatto con il nostro servizio tecnico per aiutarti a risolvere qualsiasi dubbio.

Contatto diretto

Comunicazione con il responsabile di Vibia nella tua zona per consigliarti su ciò di cui hai bisogno.

Ultimo lancio di Vibia

Registrati per ricevere il catalogo Vibia ed esplora una selezione di prodotti ed effetti di luce che ti ispireranno a realizzare progetti unici.

Registrati
// Function to handle intersection function handleIntersect(entries, observer) { entries.forEach(entry => { if (entry.isIntersecting) { // Add class to make the section visible entry.target.classList.add('visible'); // Optionally stop observing the current target if only need animation once observer.unobserve(entry.target); } }); } // Options for the observer (we can adjust the threshold if needed) const options = { threshold: 0.1 // Trigger when 10% of the element is visible }; // Create the intersection observer const observer = new IntersectionObserver(handleIntersect, options); // Observe each section with the class 'hidden-section' document.querySelectorAll('.hidden-section').forEach(section => { observer.observe(section); }); // Add CSS for the hidden and visible states const style = document.createElement('style'); style.innerHTML = ` .hidden-section { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease-out, transform 0.6s ease-out; } .hidden-section.visible { opacity: 1; transform: translateY(0); } `; document.head.appendChild(style);