You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
51 lines
994 B
51 lines
994 B
1 year ago
|
.parent{
|
||
|
|
height: 100vh;
|
||
|
|
}
|
||
|
|
.parent>.row{
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
[class*="col"] img{
|
||
|
|
height:400px;
|
||
|
|
max-width: 100%;
|
||
|
|
cursor: pointer;
|
||
|
|
transition: transform 1s;
|
||
|
|
object-fit: cover;
|
||
|
|
}
|
||
|
|
.col label{
|
||
|
|
overflow: hidden;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.imgbgchk:checked + label>.tick_container{
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
/* .imgbgchk:checked + label{
|
||
|
|
border: 2px solid red;
|
||
|
|
} */
|
||
|
|
/* aNIMATION */
|
||
|
|
.imgbgchk:checked + label>img{
|
||
|
|
/* transform: scale(1.25); */
|
||
|
|
/* opacity: 0.3; */
|
||
|
|
border: 5px solid #334257;
|
||
|
|
}
|
||
|
|
.tick_container {
|
||
|
|
transition: .5s ease;
|
||
|
|
opacity: 0;
|
||
|
|
position: absolute;
|
||
|
|
top: 50%;
|
||
|
|
inset-inline-start: 50%;
|
||
|
|
transform: translate(-50%, -50%);
|
||
|
|
-ms-transform: translate(-50%, -50%);
|
||
|
|
cursor: pointer;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
/* .tick {
|
||
|
|
background-color: #4CAF50;
|
||
|
|
color: white;
|
||
|
|
font-size: 16px;
|
||
|
|
padding: 6px 12px;
|
||
|
|
height: 40px;
|
||
|
|
width: 40px;
|
||
|
|
border-radius: 100%;
|
||
|
|
} */
|