User:4erospace/common.css: Difference between revisions
m CSS test Tag: Manual revert |
m CSS test |
||
Line 22: | Line 22: | ||
100% { | 100% { | ||
transform: translate(-100%, 0); | transform: translate(-100%, 0); | ||
} | |||
} | |||
.newswrapper { | |||
max-width: 100%; | |||
overflow: hidden; | |||
} | |||
.newsmarquee { | |||
white-space: nowrap; | |||
overflow: hidden; | |||
display: inline-block; | |||
animation: marquee 10s linear infinite; | |||
} | |||
.newsmarquee p { | |||
display: inline-block; | |||
} | |||
@keyframes newsmarquee { | |||
0% { | |||
transform: translate3d(0, 0, 0); | |||
} | |||
100% { | |||
transform: translate3d(-50%, 0, 0); | |||
} | } | ||
} | } |
Revision as of 06:19, 17 June 2025
.marquee {
margin: 0 auto;
white-space: nowrap;
overflow: hidden;
position: absolute;
}
.marquee span {
display: inline-block;
padding-left: 100%;
animation: marquee 40s linear infinite;
}
.marquee2 span {
animation-delay: 20s;
}
@keyframes marquee {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(-100%, 0);
}
}
.newswrapper {
max-width: 100%;
overflow: hidden;
}
.newsmarquee {
white-space: nowrap;
overflow: hidden;
display: inline-block;
animation: marquee 10s linear infinite;
}
.newsmarquee p {
display: inline-block;
}
@keyframes newsmarquee {
0% {
transform: translate3d(0, 0, 0);
}
100% {
transform: translate3d(-50%, 0, 0);
}
}