@shoelace-style/animations
Version:
Your favorite animate.css effects available as ES modules for use with the Web Animations API.
10 lines (9 loc) • 538 B
JavaScript
export const wobble = [
{ offset: 0, transform: 'translate3d(0, 0, 0)' },
{ offset: 0.15, transform: 'translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)' },
{ offset: 0.3, transform: 'translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)' },
{ offset: 0.45, transform: 'translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)' },
{ offset: 0.6, transform: 'translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)' },
{ offset: 0.75, transform: 'translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)' },
{ offset: 1, transform: 'translate3d(0, 0, 0)' }
];