/*============
点滅
=============*/
@keyframes flashing01 {
    0%{
        opacity: 0;
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}  
/*============
clippath-top
=============*/
@keyframes clippath-top01 {
    0%{ 
        opacity: 1;
        clip-path: inset(0 0 100% 0);
    }
    100%{
        opacity: 1;
        clip-path: inset(0);
    }
}
/*============
clippath-bottom
=============*/
@keyframes clippath-bottom01 {
    0%{ 
        opacity: 1;
        clip-path: inset(100% 0 0 0);
    }
    100%{
        opacity: 1;
        clip-path: inset(0);
    }
}
/*============
clippath-left
=============*/
@keyframes clippath-left01 {
    0%{
        opacity: 1;
        clip-path: inset(0 100% 0 0);
    }
    100%{
        opacity: 1;
        clip-path: inset(0);
    }
}
@keyframes clippath-left02 {
    0%{
        opacity: 0.2;
        clip-path: inset(0 100% 0 0);
    }
    100%{
        opacity: 0.2;
        clip-path: inset(0);
    }
} 
/*============
slide-up
=============*/
@keyframes slide-up10 {
    0%{
        opacity: 1;
        translate: 0 10%;
    }
    100%{
        opacity: 1;
        translate: 0 0;
    }
}
@keyframes slide-up60 {
    0%{
        opacity: 1;
        translate: 0 60%;
    }
    100%{
        opacity: 1;
        translate: 0 0;
    }
} 
@keyframes slide-up100 {
    0%{
        opacity: 1;
        translate: 0 100%;
    }
    100%{
        opacity: 1;
        translate: 0 0;
    }
}
@keyframes slide-up120 {
    0%{
        opacity: 1;
        translate: 0 120%;
    }
    100%{
        opacity: 1;
        translate: 0 0;
    }
}
/*============
slide-down
=============*/
.slide-down100-100{
    opacity: 1;
    translate: 0 0;
}
@keyframes slide-down100-100 {
    0%{
        opacity: 1;
        translate: 0 0;
    }
    100%{
        opacity: 1;
        translate: 0 100%;
    }
}
/*============
fade
=============*/
.fade{
    opacity: 0;
}
@keyframes fade {
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
} 
/*============
scale
===========*/
@keyframes scale01 {
    0%{
        scale: 1;
    }
    50%{
        scale: 1.2;
    }
    100%{
        scale: 1;
    }
} 
/*============
zoomin01
===========*/
@keyframes zoomin01 {
    0%{
        opacity: 1;
        scale: 1.2;
    }
    100%{
        opacity: 1;
        scale: 1;
    }
}