User:Xeverything11/sandbox/RC/styles.css: Difference between revisions
Page last edited 4 months ago by Xeverything11
CSS |
animation |
||
Line 1: | Line 1: | ||
@keyframes rc-expand { | |||
0% {transform: scale(0.5); max-height: 0; margin: 0 0; padding: 0 1rem;} | |||
99.9% {transform: scale(0.5); max-height: 0; margin: 0 0; padding: 0 1rem;} | |||
100% {transform: scale(0.1); max-height: 10rem; margin: 0.5rem 0; padding: 1rem 1rem;} | |||
} | |||
.mw-changeslist-legend { | .mw-changeslist-legend { | ||
display: none; | display: none; | ||
Line 9: | Line 15: | ||
margin: 0.5rem 0; | margin: 0.5rem 0; | ||
border-radius: 4px; | border-radius: 4px; | ||
transform-origin: 50% 0; | |||
} | } | ||
.mw-changeslist > div > * { | |||
animation: rc-expand 500s; | |||
} | |||
.mw-changeslist > div > *:nth-child(1) {animation-delay: -499s;} | |||
.mw-changeslist > div > *:nth-child(2) {animation-delay: -499s;} | |||
.mw-changeslist > div > *:nth-child(3) {animation-delay: -499s;} | |||
.mw-changeslist > div > *:nth-child(4) {animation-delay: -497s;} | |||
.mw-changeslist > div > *:nth-child(5) {animation-delay: -495s;} | |||
.mw-changeslist > div > *:nth-child(6) {animation-delay: -493s;} | |||
.mw-changeslist > div > *:nth-child(7) {animation-delay: -491s;} | |||
.mw-changeslist > div > *:nth-child(8) {animation-delay: -489s;} | |||
.mw-changeslist > div > *:nth-child(9) {animation-delay: -487s;} | |||
.mw-changeslist > div > *:nth-child(10) {animation-delay: -485s;} | |||
.mw-changeslist > div > *:nth-child(11) {animation-delay: -483s;} | |||
.mw-changeslist > div > *:nth-child(12) {animation-delay: -481s;} |
Revision as of 19:11, 7 May 2025
@keyframes rc-expand {
0% {transform: scale(0.5); max-height: 0; margin: 0 0; padding: 0 1rem;}
99.9% {transform: scale(0.5); max-height: 0; margin: 0 0; padding: 0 1rem;}
100% {transform: scale(0.1); max-height: 10rem; margin: 0.5rem 0; padding: 1rem 1rem;}
}
.mw-changeslist-legend {
display: none;
}
.mw-changeslist > div > table {
display: block;
border: 1px solid var(--color-primary1);
padding: 1rem;
margin: 0.5rem 0;
border-radius: 4px;
transform-origin: 50% 0;
}
.mw-changeslist > div > * {
animation: rc-expand 500s;
}
.mw-changeslist > div > *:nth-child(1) {animation-delay: -499s;}
.mw-changeslist > div > *:nth-child(2) {animation-delay: -499s;}
.mw-changeslist > div > *:nth-child(3) {animation-delay: -499s;}
.mw-changeslist > div > *:nth-child(4) {animation-delay: -497s;}
.mw-changeslist > div > *:nth-child(5) {animation-delay: -495s;}
.mw-changeslist > div > *:nth-child(6) {animation-delay: -493s;}
.mw-changeslist > div > *:nth-child(7) {animation-delay: -491s;}
.mw-changeslist > div > *:nth-child(8) {animation-delay: -489s;}
.mw-changeslist > div > *:nth-child(9) {animation-delay: -487s;}
.mw-changeslist > div > *:nth-child(10) {animation-delay: -485s;}
.mw-changeslist > div > *:nth-child(11) {animation-delay: -483s;}
.mw-changeslist > div > *:nth-child(12) {animation-delay: -481s;}