22 lines
519 B
TypeScript
22 lines
519 B
TypeScript
import rootScope from '../../lib/rootScope';
|
|
import liteMode from '../liteMode';
|
|
|
|
export default function shake(element: HTMLElement) {
|
|
if(!liteMode.isAvailable('animations')) {
|
|
return;
|
|
}
|
|
|
|
const keyframes: Keyframe[] = [
|
|
{transform: 'translateX(0)'},
|
|
{transform: 'translateX(.25rem)'},
|
|
{transform: 'translateX(-.25rem)'},
|
|
{transform: 'translateX(0)'}
|
|
];
|
|
|
|
element.animate([...keyframes, ...keyframes, ...keyframes], {
|
|
duration: 300,
|
|
iterations: 1,
|
|
easing: 'ease-in-out'
|
|
});
|
|
}
|