.no-anim .animation-wrapper { display: none; } .animation-wrapper { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; pointer-events: none; } .animation-section.--fireworks { position: absolute; } .animation-section.--fireworks .element { position: absolute; left: -2px; bottom: 0; width: 5.5px; height: 85.5px; transform-origin: 50% 100%; overflow: hidden; } .animation-section.--fireworks .element:nth-child(1) { transform: rotate(0deg) translateY(-15px); } .animation-section.--fireworks .element:nth-child(2) { transform: rotate(30deg) translateY(-15px); } .animation-section.--fireworks .element:nth-child(3) { transform: rotate(60deg) translateY(-15px); } .animation-section.--fireworks .element:nth-child(4) { transform: rotate(90deg) translateY(-15px); } .animation-section.--fireworks .element:nth-child(5) { transform: rotate(120deg) translateY(-15px); } .animation-section.--fireworks .element:nth-child(6) { transform: rotate(150deg) translateY(-15px); } .animation-section.--fireworks .element:nth-child(7) { transform: rotate(180deg) translateY(-15px); } .animation-section.--fireworks .element:nth-child(8) { transform: rotate(210deg) translateY(-15px); } .animation-section.--fireworks .element:nth-child(9) { transform: rotate(240deg) translateY(-15px); } .animation-section.--fireworks .element:nth-child(10) { transform: rotate(270deg) translateY(-15px); } .animation-section.--fireworks .element:nth-child(11) { transform: rotate(300deg) translateY(-15px); } .animation-section.--fireworks .element:nth-child(12) { transform: rotate(330deg) translateY(-15px); } .animation-section.--fireworks .element::before { content: ''; position: absolute; left: 0; right: 0; top: 100%; height: 40px; background-color: #E90C7A; } @keyframes explosion { 0% { top: 100%; } 33%, 100% { top: -50%; } } #animation-section-1 .element::before, #animation-section-3 .element::before { animation: explosion 3s ease-in-out 1; } #animation-section-2 .element::before, #animation-section-5 .element::before, #animation-section-4 .element::before { animation: explosion 3s 0.5s ease-in-out 1; } #animation-section-6 .element::before { animation: explosion 2s 3.2s ease-in-out 1; } #animation-section-7 .element::before, #animation-section-8 .element::before { animation: explosion 2s 3.8s ease-in-out 1; } #animation-section-1 { left: 30%; top: 10%; transform: scale(1); } #animation-section-2 { left: 40%; top: 35%; transform: scale(.5); } #animation-section-3 { left: 60%; top: 55%; transform: scale(1); } #animation-section-4 { left: 75%; top: 95%; transform: scale(.5); } #animation-section-5 { left: 45%; top: 100%; transform: scale(.5); } #animation-section-6 { left: 60%; top: 50%; transform: scale(1); } #animation-section-7 { left: 30%; top: 10%; transform: scale(1); } #animation-section-8 { left: 40%; top: 35%; transform: scale(.5); } @media only screen and (min-width: 768px) { #animation-section-1 { left: 10%; top: 30%; } #animation-section-2 { left: 20%; top: 60%; } #animation-section-3 { left: 60%; top: 45%; } #animation-section-4 { left: 75%; top: 85%; } #animation-section-5 { left: 80%; top: 75%; transform: scale(1); } #animation-section-6 { left: 75%; top: 65%; transform: scale(1); } #animation-section-7, #animation-section-8 { display: none; } #animation-section-1 .element::before, #animation-section-3 .element::before { animation: explosion 2s 1s ease-in-out 3; } #animation-section-2 .element::before, #animation-section-5 .element::before { animation: explosion 2s 1s ease-in-out 3; } #animation-section-4 .element::before { animation: explosion 2s 1.5s ease-in-out 3; } #animation-section-6 .element::before { animation: explosion 2s 1.8s ease-in-out 3; } }

Nuestros Best-sellers

Comprar todo

TUS INFLUENCERS FAVORITOS LOS RECOMIENDAN

Descubre las últimas tendencias en maquillaje y compra online los productos que arrasan en redes sociales.

Lifter Plump Gloss

Sunkisser Blush

Lash Sensational Firework

Superstay Lumi-Matte

PRUÉBALOS AHORA

¿Lista para decidirte? Prueba looks, tonos y productos fácilmente con Virtual Try-On.

Prueba Virtual

LOOKS Y CONSEJOS DE MAQUILLAJE

¡Explora el blog de Maybelline NY! Encuentra tendencias, tutoriales, inspiración y tips para combinar tus productos favoritos. ¡Resuelve tus dudas y crea el próximo look!

Tipos de cejas

Encontrar los tipos de cejas perfectos para ti puede realzar tus facciones.

Quitar la pestañina wtp

Sin maltratar tus pestañas naturales.

Labial líquido

Aplicarlo correctamente puede ser un verdadero reto si no conoces algunos secretos clave.

Labios gruesos naturales

Si te preguntas cómo pintar los labios delgados para que se vean gruesos o cómo maquillar los labios para que parezcan más gruesos, ¡has llegado al lugar indicado!

Guía de maquillaje para principiantes

Te acompañaremos paso a paso, con consejos prácticos y sencillos.

Maquillaje hace cambio

Hacemos maquillaje. Pero también estamos comprometidos a generar un cambio para ayudar a crear un mundo mejor. Conoce nuestras iniciativas globales y descubre cómo podemos impulsar un cambio real juntos.

Valientes juntos

Una iniciativa global para apoyar a todos los que experimentan ansiedad y depresión.

Más información

Conscientes juntos

Nuestro programa de sostenibilidad que establece nuestras metas conscientes de producción, empaques, fórmulas y disposición.

Más información