MediaWiki:Common.less/animations.less
< MediaWiki:Common.less
Перейти к навигации
Перейти к поиску
Версия от 20:46, 25 марта 2023; GodSatanist (обсуждение | вклад) (Новая страница: «// <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 ========...»)
// <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;
}