Nuevo Catálogo de Vibia

Regístrate para conseguir el nuevo catálogo de Vibia antes de su lanzamiento oficial y descubre los nuevos productos que te permitirán crear proyectos únicos.

Regístrate

Explora las últimas tendencias y efectos de luz que harán tus proyectos realmente extraordinarios en nuestro nuevo catálogo digital.

Sé el primero en crear espacios únicos con nuestras nuevas colecciones.

Solicitar catálogo

¿Aún no eres miembro de nuestra Área Profesional?

Únete y podrás utilizar todas nuestras herramientas, acceder a material técnico de producto, descubrir contenido exclusivo y participar en experiencias personalizadas para profesionales del diseño.

Vibia

Register / Login

Products

The Edit

Downloads

Where to buy

Professional area

Síguenos

Pinterest

Instagram

Youtube

Linkedin

Facebook

Vibia es una empresa global de iluminación con sede en Barcelona

© Vibia 2024. Todos los derechos reservados. Aviso legal - Política de privacidad

La luz está en la base del diseño del espacio. Junto a arquitectos, diseñadores de interiores, diseñadores de iluminación, ingenieros y distribuidores, buscamos mejorar el mundo a través de un único objetivo: crear mejores espacios para vivir.

Descargas

Todo lo que necesitas: fotos HR, librerías 2D y 3D, archivos BIM, fichas técnicas de producto, fotometrías e instrucciones de montaje.

Presupuestos

Recibe presupuestos a medida para tus proyectos.

Instalación y mantenimiento

Contacto con nuestro servicio técnico para ayudarte a resolver cualquier duda.

Contacto directo

Comunicación con el responsable de Vibia en tu zona para asesorarte en lo que necesites.

Nuevo Catálogo de Vibia

Regístrate ahora para obtener el catálogo de Vibia y explora productos y efectos de luz que te inspirarán a realizar proyectos únicos.

Regístrate
// 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);