Save
This commit is contained in:
@@ -380,4 +380,94 @@
|
||||
max-height: fit-content;
|
||||
overflow: hidden;
|
||||
transition: all 0.3s ease-in-out;
|
||||
}
|
||||
.product-card:hover > .e-con-inner .elementor-widget-image a::after {
|
||||
height: 250%;
|
||||
transition: all 600ms linear;
|
||||
background-color: transparent;
|
||||
}
|
||||
.product-card:hover > .e-con-inner .elementor-widget-image img {
|
||||
transform: scale(1.1);
|
||||
filter: brightness(0.6);
|
||||
}
|
||||
.product-card:hover > .e-con-inner .product-card-data .product-card-data-head {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
.product-card:hover > .e-con-inner .product-card-data .product-card-data-head .elementor-heading-title a {
|
||||
color: #fff;
|
||||
}
|
||||
.product-card:hover > .e-con-inner .product-card-data .product-card-data-text {
|
||||
height: 300px;
|
||||
}
|
||||
.product-card:hover > .e-con-inner .product-card-data .product-card-data-text p {
|
||||
color: #fff;
|
||||
}
|
||||
.product-card > .e-con-inner .elementor-widget-image {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
.product-card > .e-con-inner .elementor-widget-image img {
|
||||
height: 100%;
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
transition: all 0.3s ease-in-out;
|
||||
}
|
||||
.product-card > .e-con-inner .elementor-widget-image a::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 200%;
|
||||
height: 0%;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
background-color: rgba(255, 255, 255, 0.7);
|
||||
transform: translate(-50%, -50%) rotate(-45deg);
|
||||
z-index: 1;
|
||||
}
|
||||
.product-card > .e-con-inner .product-card-data {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 1;
|
||||
padding: 40px;
|
||||
}
|
||||
.product-card > .e-con-inner .product-card-data .product-card-data-head {
|
||||
padding-bottom: 0;
|
||||
transition: all 250ms ease-in-out;
|
||||
}
|
||||
.product-card > .e-con-inner .product-card-data .product-card-data-head .elementor-heading-title {
|
||||
position: relative;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.product-card > .e-con-inner .product-card-data .product-card-data-head .elementor-heading-title::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: -4px;
|
||||
width: 40px;
|
||||
height: 2px;
|
||||
background: var(--e-global-color-accent);
|
||||
}
|
||||
.product-card > .e-con-inner .product-card-data .product-card-data-head .elementor-heading-title a {
|
||||
transition: all 250ms ease-in-out;
|
||||
}
|
||||
.product-card > .e-con-inner .product-card-data .product-card-data-text {
|
||||
padding-top: 0px;
|
||||
margin-bottom: 0px;
|
||||
height: 0;
|
||||
max-height: -moz-fit-content;
|
||||
max-height: fit-content;
|
||||
overflow: hidden;
|
||||
transition: all 250ms ease-in-out;
|
||||
}
|
||||
.product-card > .e-con-inner .product-card-data .product-card-data-text a {
|
||||
display: block;
|
||||
}
|
||||
.product-card > .e-con-inner .product-card-data .product-card-data-text p {
|
||||
transition: all 250ms ease-in-out;
|
||||
}
|
||||
.product-card > .e-con-inner .product-card-data .product-card-data-text p:last-child {
|
||||
margin-bottom: 0;
|
||||
}/*# sourceMappingURL=custom.css.map */
|
||||
Reference in New Issue
Block a user