You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
xshop/resources/views/segments/group/SubGroupsGrid/SubGroupsGrid.scss

49 lines
1.0 KiB
SCSS

.SubGroupsGrid {
.row{
[class^="col-md"]{
padding: 2px;
}
}
.sub-group{
height: 300px;
width: 100%;
position: relative;
overflow: hidden;
border-radius: var(--xshop-border-radius);
img{
position: absolute;
height: 300px;
width: 100%;
left: 0;
right: 0;
top: 0;
bottom: 0;
object-fit: cover;
transition: 400ms;
}
h4{
z-index: 3;
position: absolute;
left: 0;
right: 0;
bottom: 0;
text-align: center;
background: #ffffff33;
backdrop-filter: blur(4px);
margin: 0;
padding: 1rem;
transition: 400ms;
}
&:hover{
h4{
background: #ffffff88;
}
img{
transform: scale(1.3) rotateZ(15deg);
}
}
}
}