Difference between revisions of "MediaWiki:Common.less/animations.less"
Jump to navigation
Jump to search
(Created page with "// <pre> →================ animations ================: @keyframes slide-up { from { opacity: 0; transform: translateY(1rem); } to...") |
(Corey changed the content model of the page MediaWiki:Common.less/animations.less from "wikitext" to "CSS") Tag: content model change |
Latest revision as of 11:52, 20 December 2018
// <pre>
/* ================
animations
================ */
@keyframes slide-up {
from {
opacity: 0;
transform: translateY(1rem);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes slide-down {
from {
opacity: 0;
transform: translateY(-1rem);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* ================
classes
================ */
.slide-up {
animation: .8s @ease-out-quad both slide-up;
}
.slide-up-2 {
animation: .8s .3s @ease-out-quad both slide-up;
}
.slide-up-3 {
animation: .8s .6s @ease-out-quad both slide-up;
}
.slide-down {
animation: .8s @ease-out-quad both slide-down;
}
.slide-down-2 {
animation: .8s .3s @ease-out-quad both slide-down;
}
.slide-down-3 {
animation: .8s .6s @ease-out-quad both slide-down;
}