You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
40 lines
888 B
40 lines
888 B
.transition-fade {
|
|
transition: 0.4s;
|
|
opacity: 1;
|
|
}
|
|
.transition-fade-up {
|
|
transform: translateY(0);
|
|
opacity: 1;
|
|
transition: transform 0.4s ease, opacity 0.4s ease;
|
|
}
|
|
.transition-fade-down {
|
|
transform: translateY(0);
|
|
opacity: 1;
|
|
transition: transform 0.4s ease, opacity 0.4s ease;
|
|
}
|
|
html.is-changing .transition-fade {
|
|
transition: opacity 0.4s ease;
|
|
opacity: 1;
|
|
}
|
|
html.is-changing .transition-fade-up {
|
|
transition: transform 0.4s ease, opacity 0.4s ease;
|
|
transform: translateY(0);
|
|
opacity: 1;
|
|
}
|
|
html.is-changing .transition-fade-down {
|
|
transition: transform 0.4s ease, opacity 0.4s ease;
|
|
transform: translateY(0);
|
|
opacity: 1;
|
|
}
|
|
html.is-animating .transition-fade {
|
|
opacity: 0;
|
|
}
|
|
html.is-animating .transition-fade-up {
|
|
transform: translateY(20px);
|
|
opacity: 0;
|
|
}
|
|
html.is-animating .transition-fade-down {
|
|
transform: translateY(-20px);
|
|
opacity: 0;
|
|
}
|