@keyframes confetti {
    from {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

span.confetti-particle {
    position: fixed;
    display: block;
    left: 50%;
    top: 0;
    width: 3px;
    height: 8px;
    background: red;
    opacity: 0;
    animation: confetti 700ms ease-out forwards;
}