css CSS动画https://css-tricks.com/almanac/properties/a/animation/

Posted 2021-05-13

.myClass {
    /*-- ADD THE BELOW TO SPECIFY WHAT KEYFRAME ANIMATION TO USE--*/
     animation:myAnimation 4s infinite;
    -webkit-animation:myAnimation 4s infinite; 
}

/*------------------------------*/
/*-- YOU CAN USE ANY CSS HERE --*/
/*------------------------------*/

@keyframes myAnimation{
    0%    {background:#BBBD96;}
    25%   {background:#fff;}
    50%   {background:#BBBD96;}
    75%   {background:#fff;}
    100%  {background:#BBBD96;}
}

@-webkit-keyframes myAnimation {
    0%   {padding-top:5px;}
    25%  {padding-top:5px;}
    50%  {padding-top:15px;}
    75%  {padding-top:5px;}
    100% {padding-top:5px;}  
}