CSS, ¿cómo hacer que un elemento se desvanezca y luego se desvanezca?

Puedo hacer que un elemento con una opacidad de cero se desvanezca cambiando su clase a .elementToFadeInAndOut con el siguiente CSS:

.elementToFadeInAndOut {
    opacity: 1;
    transition: opacity 2s linear;
}

¿Hay alguna manera de hacer que el elemento se desvanezca después de que se desvanezca editando css para esta misma clase?

Muchas gracias por tu tiempo.

Respuestas a la pregunta(4)

Su respuesta a la pregunta