/* Product Animation Styles */
.product-card {
position: relative;
overflow: hidden;
transition: transform 0.4s ease, box-shadow 0.4s ease;
border-radius: 10px;
}
.product-card img {
transition: transform 0.6s ease;
}
.product-card:hover {
transform: translateY(-8px);
box-shadow: 0 15px 30px rgba(0,0,0,0.15);
}
.product-card:hover img {
transform: scale(1.08);
}
/* Fade-in Effect on Load */
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.product-card {
animation: fadeInUp 0.8s ease forwards;
}
/* Delay each product slightly for stagger effect */
.product-card:nth-child(1) { animation-delay: 0.1s; }
.product-card:nth-child(2) { animation-delay: 0.2s; }
.product-card:nth-child(3) { animation-delay: 0.3s; }
.product-card:nth-child(4) { animation-delay: 0.4s; }
/* Premium Product Card Animation */
.product-card {
position: relative;
overflow: hidden;
border-radius: 12px;
background: #fff;
transition: transform 0.4s ease, box-shadow 0.4s ease;
animation: fadeSlide 0.9s ease forwards;
}
.product-card img {
width: 100%;
display: block;
transition: transform 0.5s ease;
}
/* On hover: 3D tilt + glow */
.product-card:hover {
transform: perspective(800px) rotateX(5deg) rotateY(5deg) scale(1.03);
box-shadow: 0 20px 35px rgba(0, 0, 0, 0.15);
border: 2px solid #00ffd5;
}
.product-card:hover img {
transform: scale(1.1);
}
/* Title Animation */
.product-card h3 {
margin: 10px 0;
font-size: 1.1rem;
transition: color 0.3s ease;
}
.product-card:hover h3 {
color: #00ffd5;
}
/* Fade Slide Effect */
@keyframes fadeSlide {
0% {
opacity: 0;
transform: translateY(40px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
/* Staggered delay for multiple cards */
.product-card:nth-child(1) { animation-delay: 0.1s; }
.product-card:nth-child(2) { animation-delay: 0.2s; }
.product-card:nth-child(3) { animation-delay: 0.3s; }
.product-card:nth-child(4) { animation-delay: 0.4s; }
M12 RGB Gaming And Office Mouse for PC, Laptop
Rs.900.00
• Product size: 125 x 71 x 40MM Support Windows 2000 / XP 1 win71 win8 / win10 Vista 32-bit IOS or the latest version.• Product weight: 125g• Optical Wired Game Mouse• Color: Black• Material: ABS•...