diff options
Diffstat (limited to 'src/lib/dom.ts')
-rw-r--r-- | src/lib/dom.ts | 15 |
1 files changed, 15 insertions, 0 deletions
diff --git a/src/lib/dom.ts b/src/lib/dom.ts new file mode 100644 index 0000000..0b6a0ab --- /dev/null +++ b/src/lib/dom.ts @@ -0,0 +1,15 @@ +export function show(elements: Element[]): void { + document.body.innerHTML = '' + elements.forEach(element => document.body.appendChild(element)) +} + +/* Trigger animation in any case. + * + * Trigger reflow between removing and adding the classname. + * See https://css-tricks.com/restart-css-animation/ + */ +export function triggerAnimation(element: HTMLElement, animation: string) { + element.classList.remove(animation) + void element.offsetWidth + element.classList.add(animation) +} |