как вариант можно сделать так
@-webkit-keyframes fadeOut {
0% {opacity: 1; visibility: visible;}
100% {opacity: 0;visibility: hidden;}
}
@-moz-keyframes fadeOut {
0% {opacity: 1; visibility: visible;}
100% {opacity: 0;visibility: hidden;}
}
@-o-keyframes fadeOut {
0% {opacity: 1; visibility: visible;}
100% {opacity: 0;visibility: hidden;}
}
@keyframes fadeOut {
0% {opacity: 1; visibility: visible;}
100% {opacity: 0;visibility: hidden;}
}
.fadeOut {
-webkit-animation-name: fadeOut;
-moz-animation-name: fadeOut;
-o-animation-name: fadeOut;
animation-name: fadeOut;
}
вот только этот метод не совсем кроссбраузерный -
caniuse.com/#search=visibility