/* 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; }
4 in 1 Selfie Stick Tripod with Light & Bluetooth Remote |Foldable & Extendable (70cm) Mobile Holder
Rs.1,000.00
Elevate your device experience with this sleek black mobile stand, designed to provide maximum support and comfort. Made from durable ABS plastic, it securely holds your smartphone while ensuring e...