.parallax-bg { transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); } .product-card { transition: transform 0.3s ease-out; opacity: 0; transform: translateY(50px); } .product-card:hover { transform: translateY(-10px) scale(1.02); } .nav-link { position: relative; overflow: hidden; } .nav-link::after { content: ''; position: absolute; bottom: 0; left: 0; width: 0%; height: 2px; background-color: #818cf8; transition: width 0.3s ease; } .nav-link:hover::after { width: 100%; } .floating { animation: float 6s ease-in-out infinite; } @keyframes float { 0% { transform: translateY(0px); } 50% { transform: translateY(-20px); } 100% { transform: translateY(0px); } } .glow { animation: glow 2s ease-in-out infinite alternate; } @keyframes glow { from { text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #818cf8; } to { text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #818cf8; } } .img-actif{ border:solid grey 0.5pt; } #cartPopup { transition: opacity 0.3s ease; } .navbar { position: relative; } .x3430wefqw0 { display: flex; flex-direction: column; cursor: pointer; width: 28px; height: 28px; justify-content: space-around; transition: all 0.3s ease; } .bar { height: 3px; width: 100%; transition: all 0.3s ease; } .dropdown-menu { display: none; position: absolute; top: 40px; right: 0; background-color: gray; border-radius: 5px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); } .dropdown-menu ul { list-style: none; padding: 0; margin: 0; } .dropdown-menu li { padding: 10px 15px; } .dropdown-menu li a { color: white; text-decoration: none; } .x3430wefqw0.active .bar:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); } .x3430wefqw0.active .bar:nth-child(2) { opacity: 0; } .x3430wefqw0.active .bar:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); } .dropdown-menu li:hover{background-color:rgb(100,100,100);}