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
Como extrair chaves TOTP 2FA a partir de QRCODE (Google Authenticator)
Linux em 2025: Segurança prática para o usuário
Desktop Linux em alta: novos apps, distros e privacidade marcam o sábado
IA chega ao desktop e impulsiona produtividade no mundo Linux
Novos apps de produtividade, avanços em IA e distros em ebulição agitam o universo Linux
Dicas
Digitando underscore com "shift" + "barra de espaços"
Como ativar a lixeira e recuperar aquivos deletados em um servidor Linux
Como mudar o nome de dispositivos Bluetooth via linha de comando
Tópicos
esqueci a senha do boot do notebook dell vostro 3300 (3)
É normal não gostar de KDE? (2)
PIP3 - erro ao instalar módulo do mariadb para o Python (8)
systemd-resol... precisa ser reiniciado periodicamente (6)
Meu Amigo não consegue entrar em meu mundo, via tailscale, hamachi e z... (2)
Top 10 do mês
-
Xerxes
1° lugar - 95.971 pts -
Fábio Berbert de Paula
2° lugar - 72.598 pts -
Alberto Federman Neto.
3° lugar - 23.489 pts -
edps
4° lugar - 21.479 pts -
Mauricio Ferrari
5° lugar - 20.909 pts -
Buckminster
6° lugar - 20.839 pts -
Alessandro de Oliveira Faria (A.K.A. CABELO)
7° lugar - 20.426 pts -
Andre (pinduvoz)
8° lugar - 18.014 pts -
Daniel Lara Souza
9° lugar - 17.644 pts -
Juliao Junior
10° lugar - 14.645 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:
