@keyframes highlight {
    50% {
        background-color: #FFCCCC;
    }

    100% {
        background-color: white;
    }
}


input.highlight-invalid-active {
    background-color: #FFCCCC;
    animation-name: highlight;
    animation-duration: .5s;
}

input.highlight-invalid-final {
    border: 1px solid red;
}

    input.highlight-invalid-final::selection {
        background: #FFCCCC;
    }

    input.highlight-invalid-final::-moz-selection {
        background: red;
    }