Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

N3HCMS

Preciso de uma div que se oculte.

Por , em Javascript

Recommended Posts

N3HCMS    0

N3HCMS
Postado

Então galera, eu preciso criar uma div. que fique 10 segundos, e depois suma. tipo a pagina carrega ae essa div fica 10 segundos depois de 10 segundos ela some.

 

obs: quero que ela suma suavemente.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado 

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Document</title>

<style type="text/css">

#t {

width: 300px; height: 300px;

background-color: red;

-webkit-transition: all 2s;

-moz-transition: all 2s;

-ms-transition: all 2s;

-o-transition: all 2s;

transition: all 2s;

opacity: 0;

}

#t.is-active { opacity: 1; }

</style>

</head>

<body>

 

<div id="t" class="is-active"></div>

 

<script type="text/javascript">

var $t = document.getElementById('t');

setTimeout(function() {

$t.classList.remove('is-active');

}, 2 * 1000);

</script>

 

</body>

</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito