Mac Animation

Animation that looks like the bottom navigation of the Mac operating system.

How to use it

1. Download the repo.

2. Make sure to have typescript in your system. English_tutorial-----Arabic_tutorial

3. Add element as many as you want inside the ul element with class="block" (the animation will be applied to these children where their parent is the element with class="block"). just like this:

<ul class="block">
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  .... ....
</ul>

4. Style the parent element and its children as you want.

And you have done it. hope the animation satisfies your needs ❤️🔥.