- Effects
- crossfade
- lens flare
- moonrise (wip)
- fit text directive (wip)
- Components
- emoji
- poster / image / gatekeeper
- cart
- request
- header / footer / sidenav
- Services
- astro service (wip)
- event bus
- Utilities
- obj utils
For example, to perform a lens flare over your site header:
<h1 iji-fx="flare" time="7000">Patricia Overton</h1>
Where time indicates an animation time of 7 secs (default 2 secs),
but other inputs include:
-
delay(ms delay for the very first animation) -
tick(how often the animation repeats, in milliseconds)
To perform a crossfade effect between one or more images:
<iji-xfade [poster]="posterImage" [images]="album"></iji-xfade>
where the initial image is poster and subsequent images are images.