Skip to content

Arjun059/animationer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

animationer

Animationer is simple yet fast library for web.

Animate an Element on Scroll

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Arjun059/animationer/style.min.css">
<script src="https://cdn.jsdelivr.net/gh/Arjun059/animationer/index.min.js"></script>

How it's work

  1. Add script and css file in head of html document
  2. Get html element or HtmlCollection
  3. Call animationer function and pass this element as argument

Examples

let element = document.getElementById("demo");
textExpand(element);

let elements = document.getElementsByTagName("p");
textExpand(elements);

Animationer functions

  • textExpand
  • textContractBack
  • textFocusIn
  • textFocusInExpand
  • textFocusInContract
  • textFlicker
  • rotate
  • vibrate
  • shake
  • jello
  • wobble
  • bounce
  • beat
  • blink
  • slitHorizontal
  • slitVertical
  • slitDiagonal

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published