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
Destaques
Artigos
Comparação entre os escalonadores BFQ e MQ-Deadline (acesso a disco) no Arch e Debian
Conciliando o uso da ZRAM e SWAP em disco na sua máquina
Servidor de Backup com Ubuntu Server 24.04 LTS, RAID e Duplicati (Dell PowerEdge T420)
Visualizar câmeras IP ONVIF no Linux sem necessidade de instalar aplicativos
Dicas
Converter os repositórios Debian para o novo formato com as chaves
Instalando Spotify no Debian 13
Realizar overclock no Miyoo Mini (plus ou normal)
Tópicos
linux mint reconhece microfone de lapela como fone de ouvido sem micro... (4)
Erro na inicialização do Debian como resolver (2)
Como desinstalar o GIMP? [RESOLVIDO] (1)
Top 10 do mês
-
Xerxes
1° lugar - 58.901 pts -
Fábio Berbert de Paula
2° lugar - 34.068 pts -
Buckminster
3° lugar - 19.368 pts -
Mauricio Ferrari
4° lugar - 12.790 pts -
Sidnei Serra
5° lugar - 13.183 pts -
Alberto Federman Neto.
6° lugar - 11.253 pts -
Daniel Lara Souza
7° lugar - 11.060 pts -
edps
8° lugar - 10.441 pts -
Diego Mendes Rodrigues
9° lugar - 9.429 pts -
Andre (pinduvoz)
10° lugar - 9.430 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:
