64 lines
1.0 KiB
CSS
64 lines
1.0 KiB
CSS
body {
|
|
font-family: 'Poppins', sans-serif;
|
|
background-color: #f8f9fa;
|
|
}
|
|
|
|
/* General Styling */
|
|
.row {
|
|
display: flex;
|
|
}
|
|
|
|
|
|
/* card baru */
|
|
.product-card {
|
|
transition: all 0.3s ease;
|
|
overflow: hidden;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.product-card:hover {
|
|
transform: translateY(-5px);
|
|
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.product-image {
|
|
transition: all 0.5s ease;
|
|
height: 300px;
|
|
object-fit: cover;
|
|
}
|
|
|
|
.product-card:hover .product-image {
|
|
transform: scale(1.05);
|
|
}
|
|
|
|
.badge-custom {
|
|
position: absolute;
|
|
top: 10px;
|
|
right: 10px;
|
|
z-index: 2;
|
|
}
|
|
|
|
.price {
|
|
font-size: 1.5rem;
|
|
font-weight: 600;
|
|
color: #2c3e50;
|
|
}
|
|
|
|
.btn-custom {
|
|
background: linear-gradient(45deg, #3498db, #2ecc71);
|
|
border: none;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.btn-custom:hover {
|
|
transform: translateX(5px);
|
|
box-shadow: -5px 5px 15px rgba(46, 204, 113, 0.3);
|
|
}
|
|
.scrolling-wrapper::-webkit-scrollbar {
|
|
height: 8px;
|
|
}
|
|
.scrolling-wrapper::-webkit-scrollbar-thumb {
|
|
background-color: #ccc;
|
|
border-radius: 10px;
|
|
}
|