particles - css animation

.particle:nth-child(26) {
    height: 23px;
    width: 23px;
    border-radius: 100%;
    -webkit-animation: floating 28s linear;
    animation: floating 28s linear;
    top: 63%;
    left: 94%;
    background: red;
}

@keyframes floating {
    0% {
        -webkit-transform: translate(0, 0) scale(.5);
        transform: translate(0, 0) scale(.5);
        opacity: 0
    }
    5% {
        opacity: .1
    }
    50% {
        -webkit-transform: translate(0, -250px) scale(1.4);
        transform: translate(0, -250px) scale(1.4)
    }
    95% {
        opacity: 0
    }
    100% {
        -webkit-transform: translate(0, -500px) scale(.5);
        transform: translate(0, -500px) scale(.5)
    }
}