ng-iji

  iji  

senseijimmy Angular Library

• 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.
Note that poster is optional, and - if undefined - the first element of images will be used.

Checkout my Vanilla JavaScript library iji-js