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
Instalando COSMIC no Linux Mint
Turbinando o Linux Mint: o poder das Nemo Actions
Inteligência Artificial no desenvolvimento de software: quando começar a usar?
Dicas
Contorno de BUG do "color picker" para COSMIC Desktop
Pós Instalação do POP! OS 24.04
Contorno para BUG de som no COSMIC Desktop
Tópicos
Pfsense inacessivel após um periodo de tempo [RESOLVIDO] (3)
Top 10 do mês
-
Xerxes
1° lugar - 158.345 pts -
Fábio Berbert de Paula
2° lugar - 63.503 pts -
Buckminster
3° lugar - 28.585 pts -
Alberto Federman Neto.
4° lugar - 21.794 pts -
Mauricio Ferrari
5° lugar - 20.044 pts -
edps
6° lugar - 18.846 pts -
Alessandro de Oliveira Faria (A.K.A. CABELO)
7° lugar - 18.693 pts -
Daniel Lara Souza
8° lugar - 17.927 pts -
Andre (pinduvoz)
9° lugar - 17.171 pts -
Diego Mendes Rodrigues
10° lugar - 15.701 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:
