You may also check out our sister site SoyPlace.
Template:Bounce2/bounce2.css: Difference between revisions
From SNCApedia, the shit nobody cares about encyclopedia
Jump to navigationJump to search
Created page with ":root { height:calc(2); width:250px; } body { background-color: black; } .ball { animation: toRight linear 6.8s infinite alternate, bounce linear 17s infinite alternate; position:fixed; z-index: 100; } .ball span span { white-space: nowrap; } @keyframes bounce { 0% { top: 0; } 100% { top: calc(100vh); } } @keyframes toRight { 0% { left: 0; } 100% { left: calc(100vw); } }" |
No edit summary |
||
(3 intermediate revisions by the same user not shown) | |||
Line 10: | Line 10: | ||
.ball { | .ball { | ||
animation: toRight linear | animation: toRight linear 5s infinite alternate, bounce linear 7s infinite alternate; | ||
position:fixed; | position:fixed; | ||
z-index: 100; | z-index: 100; | ||
Line 33: | Line 33: | ||
} | } | ||
100% { | 100% { | ||
left: calc( | left: calc(80vw); | ||
} | } | ||
} | } |
Latest revision as of 03:43, 10 October 2025
:root {
height:calc(2);
width:250px;
}
body {
background-color: black;
}
.ball {
animation: toRight linear 5s infinite alternate, bounce linear 7s infinite alternate;
position:fixed;
z-index: 100;
}
.ball span span {
white-space: nowrap;
}
@keyframes bounce {
0% {
top: 0;
}
100% {
top: calc(100vh);
}
}
@keyframes toRight {
0% {
left: 0;
}
100% {
left: calc(80vw);
}
}