span.a1 {
    animation: anim1 1s;
    animation-delay: 3s;
    animation-iteration-count: 5;
}

@keyframes anim1 {
    0%   {opacity: 0; }    
    100%  {opacity: 1; }
}

span.a2 {
    animation: anim2 1s;
    animation-delay: 3s;
    animation-iteration-count: 3;
}

@keyframes anim2 {
    0%   {text-decoration: underline;}    
    100%  {text-decoration: none; }
    }

span.a3 {
    animation: anim3 3s;
    animation-delay: 5s;
    animation-iteration-count: 1;
}

@keyframes anim3 {
    0%   {background-color: yellow;}    
    100%  {background-color: none; }
    }

span.a4 {
    animation: anim4 5s;
    animation-delay: 5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes anim4 {
    0%   {opacity: 1;}    
    100%  {opacity: 0; }
    }