problema com transição de imagens HTML-CSS Puro
1. problema com transição de imagens HTML-CSS Puro
wfs1995
(usa Red Hat)
Enviado em 09/06/2015 - 16:52h
boa tarde pessoal... to fazendo um trabalho da faculdade de html/css e quis fazer um pequeno slider simples mas o problema é que nao sei nada de disso e resolvi procurar sobre transições css na internet e consegui fazer o seguinte codigo:
#animacao {
width:500px;
height: 500px;
overflow:hidden;
position:relative;
}
.img{
position:absolute;
opacity:0;
width:500px;
height: 500px;
animation: 2s infinite;
}
@keyframes {
10%{opacity:1}
45%{opacity:0}
}
img:nth-child(0){animation delay: 0s}
img:nth-child(1){animation delay: 0s}
img:nth-child(2){animation delay: 0s}
e o HTML
<!Doctype html>
<html lang="pt-BR">
<head>
<meta charset="utf-8">
<title> slider </title>
<link rel="stylesheet" href="style/transicao/style.css">
<link href='http://fonts.googleapis.com/css?family=Ubuntu:300,400' rel='stylesheet' type='text/css'>
</head>
<body>
<div id="animacao">
<img src="img/slide1.jpg" class="img">
<img src="img/slide2.jpg" class="img">
<img src="img/slide1.jpg" class="img">
</div>
</body>
</html>
só que as imagens não aparecem (com ou sem efeitos :/ ), e o problema não é o caminho das imagens nem da folha de estilo.
sombody help please!
Patrocínio
Site hospedado pelo provedor RedeHost.
Destaques
Artigos
Customizar a Instalação do Linux Debian com Preseed
Atualizando o Passado: Linux no Lenovo G460 em 2025
aaPanel - Um Painel de Hospedagem Gratuito e Poderoso
Dicas
Um modo leve de ouvir/ver áudio/vídeo da internet em máquinas pererecas
Resolver algumas mensagens de erro do SSH
Instalar módulo de segurança do Banco do Brasil Warsaw do tipo .run
Tópicos
criar alias do comando "ls -la" (8)
O que você está ouvindo agora? [2] (195)
Aprendendo mais sobre Linux com livro (8)
Top 10 do mês
-
Xerxes
1° lugar - 74.903 pts -
Fábio Berbert de Paula
2° lugar - 51.070 pts -
Daniel Lara Souza
3° lugar - 17.909 pts -
Mauricio Ferrari
4° lugar - 17.420 pts -
Buckminster
5° lugar - 16.555 pts -
Alberto Federman Neto.
6° lugar - 14.465 pts -
edps
7° lugar - 13.756 pts -
Andre (pinduvoz)
8° lugar - 13.338 pts -
Diego Mendes Rodrigues
9° lugar - 13.182 pts -
Alessandro de Oliveira Faria (A.K.A. CABELO)
10° lugar - 12.708 pts
Scripts
A maior comunidade GNU/Linux da América Latina! Artigos, dicas, tutoriais, fórum, scripts e muito mais. Ideal para quem busca auto-ajuda.
Site hospedado por:
