49 lines
789 B
CSS
49 lines
789 B
CSS
|
@keyframes slider {
|
||
|
0% {
|
||
|
transform: translateX(calc(100% - 100vw));
|
||
|
}
|
||
|
50% {
|
||
|
transform: translateX(0);
|
||
|
}
|
||
|
100% {
|
||
|
transform: translateX(calc(100% - 100vw));
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.companies {
|
||
|
display: flex;
|
||
|
flex-direction: row-reverse;
|
||
|
white-space: nowrap;
|
||
|
overflow: hidden;
|
||
|
margin: 2rem auto;
|
||
|
}
|
||
|
|
||
|
.companies-title {
|
||
|
text-transform: uppercase;
|
||
|
}
|
||
|
|
||
|
.companies-slider {
|
||
|
white-space: nowrap;
|
||
|
animation: 150s linear infinite slider;
|
||
|
}
|
||
|
|
||
|
.companies .company {
|
||
|
height: 3rem;
|
||
|
opacity: 0.6;
|
||
|
margin: 0 1rem;
|
||
|
filter: grayscale() brightness(25%) invert(0);
|
||
|
}
|
||
|
|
||
|
.companies .company:hover {
|
||
|
opacity: 1;
|
||
|
}
|
||
|
|
||
|
[data-md-color-scheme="slate"] .companies .company {
|
||
|
filter: grayscale() brightness(25%) invert(1);
|
||
|
}
|
||
|
|
||
|
.companies .company img {
|
||
|
height: 100%;
|
||
|
max-height: 2.5em;
|
||
|
}
|