User:Xeverything11/sandbox/RC/styles.css

@keyframes rc-expand {
    0% {transform: scale(0.5); max-height: 0; margin: 0 0; padding: 0 1rem; opacity: 0;}
    99.9% {transform: scale(0.5); max-height: 0; margin: 0 0; padding: 0 1rem; opacity: 0;}
    100% {transform: scale(1); max-height: 10rem; margin: 0.5rem 0; padding: 1rem 1rem; opacity: 1;}
}

.mw-changeslist-legend {
    display: none;
}

.mw-changeslist > div > table {
    display: block;
    border: 1px solid var(--color-primary1);
    border-radius: 4px;
}

.mw-changeslist > div > * {
    animation: rc-expand 500s;
    padding: 1rem;
    margin: 0.5rem 0;
    transform-origin: 50% 0;
    overflow: hidden;
}

.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;}