this repo has no description
Bye to shine effect
It was fun.
-37
-37
src/components/account-info.css
-37
src/components/account-info.css
···
628
628
}
629
629
}
630
630
631
-
@keyframes shine {
632
-
0% {
633
-
left: -100%;
634
-
}
635
-
100% {
636
-
left: 100%;
637
-
}
638
-
}
639
-
.timeline-start .account-container {
640
-
position: relative;
641
-
overflow: hidden;
642
-
}
643
-
.timeline-start .account-container:before {
644
-
content: '';
645
-
position: absolute;
646
-
z-index: 2;
647
-
width: 100%;
648
-
height: 100%;
649
-
background-image: linear-gradient(
650
-
100deg,
651
-
rgba(255, 255, 255, 0) 30%,
652
-
rgba(255, 255, 255, 0.25),
653
-
rgba(255, 255, 255, 0) 70%
654
-
);
655
-
top: 0;
656
-
left: -100%;
657
-
pointer-events: none;
658
-
}
659
-
@media (prefers-color-scheme: dark) {
660
-
.timeline-start .account-container:before {
661
-
opacity: 0.25;
662
-
}
663
-
}
664
-
.timeline-start .account-container:hover:before {
665
-
animation: shine 1s ease-in-out 1s;
666
-
}
667
-
668
631
#list-add-remove-container .list-add-remove {
669
632
display: flex;
670
633
flex-direction: column;