mirror of
https://github.com/welton89/RRBEC.git
synced 2026-04-05 13:35:42 +00:00
image background card product
This commit is contained in:
@@ -146,6 +146,7 @@ input, textarea, select {
|
||||
|
||||
|
||||
.card-product {
|
||||
position: relative;
|
||||
height: 130px;
|
||||
width: 150px;
|
||||
padding: 10px;
|
||||
@@ -157,8 +158,28 @@ input, textarea, select {
|
||||
box-shadow: 3px 3px 10px rgba(2, 2, 2, 0.678);
|
||||
border-radius: 5px;
|
||||
transition: transform 0.4s, box-shadow 0.4s;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.card-product::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 150px;
|
||||
height: 130px;
|
||||
background-color: rgba(0, 0, 0, 0.737);
|
||||
}
|
||||
|
||||
.card-product-p {
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
color: #ffffff;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.card-product:hover {
|
||||
transform: scale(1.05);
|
||||
transition: transform 0.4s, box-shadow 0.4s;
|
||||
|
||||
Reference in New Issue
Block a user