@-webkit-keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; } 
}
@-moz-keyframes fadeIn {
0% { opacity: 0;}
100% { opacity: 1; }
}
@-o-keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}

/* fadeIn com as animações */
.fadeIn {
-webkit-animation: fadeIn 10s ease-in-out;
-moz-animation: fadeIn 15s ease-in-out;
-o-animation: fadeIn 10s ease-in-out;
animation: fadeIn 15s ease-in-out;
}

.fadeInMessage {
-webkit-animation: fadeIn 3s ease-in-out;
-moz-animation: fadeIn 2s ease-in-out;
-o-animation: fadeIn 3s ease-in-out;
animation: fadeIn 2s ease-in-out;
}