roll

A custom Svelte transition utility to roll the element in top, left, right and bottom directions.

Demo

0ms
600ms

Usage

<script>
import { roll } from "svelte-legos";

</script>

<div transition:roll />

<!-- or with options -->

<div transition:roll={{
  delay // number
  duration // number
  easing // svelte/easing
  direction // "top" | "right" | "bottom" | "left"
}} />