Efeito Carregando Falso em CSS

Esse efeito de “Carregando” é muito simples. Tudo que você precisa fazer é definir como background de uma div um gif de loading.

Enquanto a imagem que estiver dentro da div não for carregada, será exibido o gif de fundo.

Um bom site para gerar esses loadings.gif seria o Ajax Load.

<html>
<head>
<title>Loading Falso</title>
<style>
body{background:silver;margin:15px;}
#box{background:url(seu gif loading) #fff center no-repeat;width:305px;text-align:center;}
</style>
</head>
<body>
<div id="box"><br />
<img src="sua img hospedada" width="300" height="300"><br />
</div>
</body>
</html>

Queremos saber sua opinião

Nate disse:

Bem simples, fantastico!!!
valew!!!