File size: 1,093 Bytes
679c013 72afa7d 679c013 92bfab1 72afa7d 679c013 861109d 679c013 861109d 679c013 861109d 679c013 72afa7d 861109d 679c013 861109d 72afa7d 861109d 679c013 72afa7d 861109d 679c013 861109d 679c013 861109d 679c013 861109d 679c013 861109d 679c013 861109d 679c013 b74dfb6 861109d | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 | /* ── LogoLoop ── */
.logoloop-wrapper {
width: 100%;
overflow: hidden;
position: relative;
-webkit-mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
}
.logoloop-track {
display: flex;
width: max-content;
animation: logoloop-slide linear infinite;
}
.logoloop-track:hover {
animation-play-state: paused;
}
.logoloop-set {
display: flex;
align-items: center;
flex-shrink: 0;
}
.logoloop-item {
flex-shrink: 0;
display: inline-flex;
align-items: center;
line-height: 1;
}
.logoloop-item a,
.logoloop-item span {
display: inline-flex;
align-items: center;
color: rgba(255, 255, 255, 0.35);
text-decoration: none;
transition: color 0.3s ease, transform 0.3s ease;
}
.logoloop-item a:hover,
.logoloop-item span:hover {
color: rgba(255, 255, 255, 0.95);
transform: scale(1.2);
}
@keyframes logoloop-slide {
from {
transform: translateX(0%);
}
to {
transform: translateX(-25%);
}
}
|