/* 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; }
360 View Security Camera
Rs.4,500.00
• Material: ABS Plastic• Color: White• Package Includes: 1 x 360 View Security Camera• Note: There might be an error of 1-3 cm due to manual measurement, and slight color differences may occur as a...