mightypoint/README.md

1.8 KiB

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.