Xeverything11 (talk | contribs)
CSS
Xeverything11 (talk | contribs)
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;}