mirror of
https://github.com/mickael-kerjean/filestash
synced 2025-12-23 08:42:32 +01:00
23 lines
481 B
JavaScript
23 lines
481 B
JavaScript
import { transition } from "../../lib/animate/index.js";
|
|
|
|
export default function($node) {
|
|
return transition($node, {
|
|
timeoutEnter: 200,
|
|
enter: slideYIn(3),
|
|
});
|
|
}
|
|
|
|
function slideYIn(size) {
|
|
return function (querySelector, t){
|
|
return `
|
|
${querySelector}.enter {
|
|
opacity: 0;
|
|
transform: translateY(${size}px);
|
|
}
|
|
${querySelector}.enter.enter-active {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
transition: all ${t}ms ease;
|
|
}`;
|
|
}
|
|
}
|