Newer
Older
.parent {
animation: fadeInAnimation ease 0.5s;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
@keyframes fadeInAnimation {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
// Not sure about these because they're applied to html but did not figure out another way
html{
-ms-overflow-style: none;
scrollbar-width: none;
}
.html::-webkit-scrollbar {
display: none;
transition: ease-in-out 0.2s;
}
.img-fluid{
width: 38px;
border-radius: .25rem;
border: solid #212529 1px;
background-color: #2125290c;
transition: ease-in-out 0.2s;
}
.img-fluid:hover{
transform: scale(1.06);
transition: ease-in-out 0.2s;
}