Como hacer este "efecto" al entrar a una pagina

Buenas a todos, quería saber como realizar este efecto al entrar a una pagina, que lo que hace es que tarde cierto tiempo en aparecer cierto elemento en la pagina, no se si se hace con CSS o con javascript(jquery), soy un poco nuevo en esto y me gustaría que me echarais una mano con el tema.

La pagina en cuestión: [url=http://www.matebence.hu/][/url]

No se puede acceder a la pagina. Puede especificar un poco mas que es lo que necesitas.

Un saludo,
David
soluciones web

Hola, pues por ponerte un ejemplo, entrar a una pagina y que al acabado de 1 segundo aparezca el logo de la empresa, y al acabo de medio segundo mas aparezca el contenido, que no salga todo el contenido directamente es a lo que me refiero!

Paso de nuevo la pagina por si podeis verla, asi observais como aparece con cierto retardo el contenido del centro: http://www.matebence.hu/

Hola,
tienes librerías JQuery/css para ello. Por ejemplo animate.css y jquery.appear.js. Con esa haces todas las animaciones de la cosas que tu quieres.
https://plugins.jquery.com/appear/
https://daneden.github.io/animate.css/

Un saludo,
David
soluciones web

Hola que tal bueno pues a lo que alcance a comprender de tu duda puedes usar multiples librerias css o js las cuales te serviran para darle un mejor diseño a tu pagina por lo que logre entender es que nececitas algunos efectos para ello dependiendo de la plataforma en la que estes trabajando puesto que podras crear vistas popUp o algunos diseños con Bootstrap


<link rel="shortcut icon" href="images/dgeti.jpg" />
<script src="js/custom.js"></script>
<script src="js/bootstrap-button.js"></script>

<style type="text/css">
body {
padding-top: 40px;
padding-bottom: 40px;
background-color: #f5f5f5;
background-image: url(images/fondo1.jpg);
}

.form-signin {
max-width: 300px;
padding: 19px 29px 29px;
margin: 0 auto 20px;
background-color: #fff;
border: 1px solid #e5e5e5;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
box-shadow: 0 1px 2px rgba(0,0,0,.05);
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
margin-bottom: 10px;
}
.form-signin input[type="text"],
.form-signin input[type="password"] {
font-size: 16px;
height: auto;
margin-bottom: 15px;
padding: 7px 9px;
}

</style>