rotate

Svelte transition that rotates items in and out.
Setting transform-origin on the element gives more control.

Example

svelte
<script>
  import { rotate } from '@eirikk/sveltekit-stuff';
</script>

<div transition:rotate />

Options

typescript
interface RotateParams {
  delay?: number;
  duration?: number;
  easing?: EasingFunction;
  opacity?: number;
  rotation?: number;
  x?: number;
  y?: number;
}

Demo

😵‍💫
NPM version