User:Xeverything11/sandbox/RC/styles.css: Difference between revisions
Page last edited 4 months ago by Xeverything11
animation |
tweaks |
||
Line 2: | Line 2: | ||
0% {transform: scale(0.5); max-height: 0; margin: 0 0; padding: 0 1rem;} | 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;} | 99.9% {transform: scale(0.5); max-height: 0; margin: 0 0; padding: 0 1rem;} | ||
100% {transform: scale( | 100% {transform: scale(1); max-height: 10rem; margin: 0.5rem 0; padding: 1rem 1rem;} | ||
} | } | ||
Line 12: | Line 12: | ||
display: block; | display: block; | ||
border: 1px solid var(--color-primary1); | border: 1px solid var(--color-primary1); | ||
border-radius: 4px; | border-radius: 4px; | ||
} | } | ||
.mw-changeslist > div > * { | .mw-changeslist > div > * { | ||
animation: rc-expand 500s; | animation: rc-expand 500s; | ||
padding: 1rem; | |||
margin: 0.5rem 0; | |||
transform-origin: 50% 0; | |||
overflow: hidden; | |||
} | } | ||
Revision as of 19:12, 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(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);
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;}