saved
This commit is contained in:
38
frontend/css/product.css
Normal file
38
frontend/css/product.css
Normal file
@@ -0,0 +1,38 @@
|
||||
/* Карточка товара */
|
||||
.product-card {
|
||||
background-color: white;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
|
||||
width: 250px;
|
||||
padding: 15px;
|
||||
text-align: center;
|
||||
margin: 0 20px;
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
|
||||
/* Эффект при наведении */
|
||||
.product-card:hover {
|
||||
transform: scale(1.05);
|
||||
}
|
||||
|
||||
/* Изображение товара */
|
||||
.product-card img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
border-radius: 8px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
/* Название товара */
|
||||
.name {
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
/* Цена товара */
|
||||
.price {
|
||||
font-size: 16px;
|
||||
color: #007bff;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
Reference in New Issue
Block a user