Difference between revisions of "User:BakiDance/timeless.css"
From Drawn to Life Wiki
| Line 1: | Line 1: | ||
@keyframes SB_fall { | @keyframes SB_fall { | ||
| − | 0% | + | { |
| − | + | 0% { | |
| − | + | transform-origin: 100% 0; | |
| − | + | opacity: 1; | |
| − | + | } | |
| − | + | 20% { | |
| − | + | transform: | |
| − | + | translate3d(0, 20px, 0) | |
| − | + | rotate3d(0, 0, 1, -10deg); | |
| − | + | opacity: 1; | |
| + | } | ||
| + | 40%, 45% { | ||
| + | transform: | ||
| + | translate3d(0, -20px, 0) | ||
| + | rotate3d(0, 0, 1, 10deg); | ||
| + | opacity: 1; | ||
| + | } | ||
| + | to { | ||
| + | opacity: 0; | ||
| + | transform: | ||
| + | translate3d(0, 100em, 0) | ||
| + | rotate3d(0, 0, 0, 0deg); | ||
| + | } | ||
| + | } | ||
} | } | ||
.sidebar-chunk { | .sidebar-chunk { | ||
animation-name: SB_fall; | animation-name: SB_fall; | ||
| − | animation-duration: | + | animation-duration: 3s; |
| − | |||
| − | |||
} | } | ||
Revision as of 01:20, 23 June 2022
@keyframes SB_fall {
{
0% {
transform-origin: 100% 0;
opacity: 1;
}
20% {
transform:
translate3d(0, 20px, 0)
rotate3d(0, 0, 1, -10deg);
opacity: 1;
}
40%, 45% {
transform:
translate3d(0, -20px, 0)
rotate3d(0, 0, 1, 10deg);
opacity: 1;
}
to {
opacity: 0;
transform:
translate3d(0, 100em, 0)
rotate3d(0, 0, 0, 0deg);
}
}
}
.sidebar-chunk {
animation-name: SB_fall;
animation-duration: 3s;
}
