A mirror of my website's source code.

By using this site, you agree to have cookies stored on your device, strictly for functional purposes, such as storing your session and preferences.

Dismiss

 marquee.css

View raw Download
text/plain • 844 B
ASCII text
        
            
1
.ticker-wrapper {
2
overflow: hidden;
3
display: block;
4
width: 100%;
5
}
6
7
.ticker-wrapper .ticker {
8
animation: infinite linear ticker 14s;
9
white-space: nowrap;
10
display: inline-block;
11
box-sizing: content-box;
12
}
13
14
.ticker-wrapper.pauseonhover:hover > * {
15
animation-play-state: paused;
16
}
17
18
@keyframes ticker {
19
0% {
20
margin-left: 100%;
21
transform: translateX(0%);
22
}
23
24
100% {
25
margin-left: 0;
26
transform: translateX(-100%);
27
}
28
}
29
30
.cool-people-prj :any-link {
31
text-decoration: none;
32
}
33
34
@media (prefers-reduced-motion) {
35
.ticker-wrapper .ticker {
36
animation: none;
37
}
38
39
.ticker-wrapper {
40
overflow: scroll;
41
}
42
}
43
44
.ticker-wrapper.ticker-reversed .ticker {
45
animation-direction: reverse;
46
}
47
48
.cool-people-prj-no-bttn :any-link {
49
margin-right: 5px;
50
}
51