.divopacity
{
    animation: 1s opaanimate infinite;
    background:red;
     border-radius:50%;
     padding:2px;
   font-weight:bold;
    
}
.divopacity2 {
    animation: 2s opaanimate infinite;
   
    padding: 2px;
    font-weight: bold;
}

.divopacity3 {
    animation: 2s opaanimate infinite;
    background: maroon;
 
    padding: 2px;
    font-weight: bold;
}

.divopacity4 {
    animation: 2s opaanimate;
    padding: 2px;
    font-weight: bold;
}

.divopacityWelcome{
    animation: 6s opaanimate infinite;
    padding: 2px;
    font-weight: bold;
}
@keyframes opaanimate
{
    0%
    {
        opacity:0;
    }
    10%
    {
        opacity: 0.2;
    }
    20% {
        opacity: 0.4;
    }

    30% {
        opacity: 0.6;
    }
    40% {
        opacity: 0.8;
    }
   
    50% {
        opacity: 1;
    }

    60% {
        opacity: 0.8;
    }

    70% {
        opacity: 0.6;
    }

    80% {
        opacity: 0.4;
    }
    90% {
        opacity: 0.2;
    }
    100% {
        opacity: 0;
    }
}