Show css3 animate for 2 times

Question

I created a bootstrap error box using Flash and CSS3 animation.

HTML:

<div class="alert alert-danger flashit">error error</div>

CSS:

.flashit {
    -webkit-animation: flash linear 1s infinite;
    animation: flash linear 1s infinite;
}
@-webkit-keyframes flash {
    0% {
        opacity: 1;
    }
    50% {
        opacity: .1;
    }
    100% {
        opacity: 1;
    }
}
@keyframes flash {
    0% {
        opacity: 1;
    }
    50% {
        opacity: .1;
    }
    100% {
        opacity: 1;
    }
}

This was successful and flash animated However, I must demonstrate the flash animation effect twice.

How do you do that?