Estoy tratando de implementar alguna animación onLoadsin Javascript. JS es fácil, CSS es ... no.

tengo undiv que debería estar endisplay: none; y debería serdisplay: block; después de 3 segundos. Muchos recursos me dijeron que animado no funciona condisplay, pero debería convisibility (que uso a menudo en mi transición).

Bien, sé que tengo esta terrible función de JavaScript:

<script type="text/javascript">
    $(document).ready(function(){
        $(".js_only").hide();
        setTimeout(function () {
            $(".js_only").show();
        }, 3000);
    });
</script>

Intenté un poco de animación en CSS pero ningún resultado ... nada parece funcionar.

Tengo poca animación en mi página, pero solo estoy luchando con eldisplay: none; en animación

@-moz-keyframes showEffect {
    0% { display: none; visibility: hidden; }
    100% { display: block; visibility: block;  }

}
@-webkit-keyframes showEffect {
    0% { display: none; visibility: hidden; }
    100% { display: block; visibility: block;  }

}
@keyframes showEffect {
    0% { display: none; visibility: hidden; }
    100% { display: block; visibility: block;  }
}

.css_only {
    -moz-animation-name: showEffect;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 2.3s;

    -webkit-animation-name: showEffect;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 2.3s;

    animation-name: showEffect;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 2.3s;
}

Es importante como oculto, este elemento no ocupa espacio en absoluto.Creé un JSFiddle para hacer bastante pruebas.

Mi principal preocupación es el SEO ... No creo que la opción JS sea realmente buena para eso, por eso me gustaría una alternativa CSS pura. También estoy interesado en probar esas animaciones y ver dónde están esos límites (¿Estoy viendo uno ahora?). Un poco divirtiéndose en tal desafío.

Gracias por leer, espero que alguien tenga una respuesta.