mightypoint/README.md

MightyPoint

MightyPoint is an animation library that can be use in your web presentation.

License

MightyPoint

Copyright (C) 2024 Dita Aji Pratama

This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.

This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.

You should have received a copy of the GNU General Public License along with this program. If not, see https://www.gnu.org/licenses/.

Getting Started

Usage:

<p class="ANIMATION-TRANSITION">Hello world</p>
<!-- or -->
<p class="ANIMATION-TRANSITION-DIRECTION">Hello world</p>

Example:

<p class="zoom-in">Hello world</p>
<!-- or -->
<p class="fade-in-left">Hello world</p>

Animations

Here's a breakdown of the animations listed:

1. hidden

2. Fade In Animations:

   • fade-in
   • fade-in-left
   • fade-in-right
   • fade-in-top
   • fade-in-bottom

3. Fade Out Animations:

   • fade-out
   • fade-out-left
   • fade-out-right
   • fade-out-top
   • fade-out-bottom

4. Zoom Animations:

   • zoom-in
   • zoom-out

5. Fly In Animations:

   • fly-in-left
   • fly-in-right
   • fly-in-top
   • fly-in-bottom

6. Fly Out Animations:

   • fly-out-left
   • fly-out-right
   • fly-out-top
   • fly-out-bottom

7. Spin Animations:

   • spin-in-clockwise
   • spin-in-counterclockwise
   • spin-out-clockwise
   • spin-out-counterclockwise

8. typing

In total, we have 26 animations.