Richard9394 / MingCute-animation

A demo of MingCute animation icon

MingCute Animation Icon

MingCute animation is An animated icon library meticulously designed with lifelike lottie animations. Supporting popular formats such as AE and JSON for easy integration.

This is a demo of MingCute animation icon.

Usage : 4 ways to trigger animation

We offer four ways to trigger animation playback.
loop --------- animate_in_loop.html
click --------- animate_on_click.html
hover --------- animate_on_hover.html
reverse --------- reverse_animation_on_second_click.html

Modify Color : Monochrome and Two-tone

There are 4 css classes to change colors.You can modify Hex to achieve your color.

    <style>
        .mgc_primary_stroke {
            stroke: #09244B;
        }
        .mgc_secondary_stroke {
            stroke: #007AFF;
        }
        .mgc_primary_fill {
            fill: #09244B;
        }
         .mgc_secondary_fill {
            fill: #007AFF;
        }
    </style>

Monochrome --------- monochrome.html
Two-tone --------- two_tone.html