Denuncie   Favoritos   Indicar  

problema com transição de imagens HTML-CSS Puro

1. problema com transição de imagens HTML-CSS Puro

Wygor Felipe Souza
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!

0 0
  • Quote

    •   






    Patrocínio

    Site hospedado pelo provedor RedeHost.
    Linux banner

    Destaques

    Artigos

    Enviar mensagem ao usuário trabalhando com as opções do php.ini

    Meu Fork do Plugin de Integração do CVS para o KDevelop

    Compartilhando a tela do Computador no Celular via Deskreen

    Como Configurar um Túnel SSH Reverso para Acessar Sua Máquina Local a Partir de uma Máquina Remota

    Configuração para desligamento automatizado de Computadores em um Ambiente Comercial

    Dicas

    Criando uma VPC na AWS via CLI

    Multifuncional HP imprime mas não digitaliza

    Dica básica para escrever um Artigo.

    Como Exibir Imagens Aleatórias no Neofetch para Personalizar seu Terminal

    Visualizar a árvore de arquivos no terminal

    Tópicos

    Sudo apt update (2)

    Deej Mixer (0)

    Instalação Uefi com o instalador clássico do Mageia [RESOLVIDO] (2)

    Melhorando a precisão de valores flutuantes em python[AJUDA] (11)

    GLPI - Configuração de destinatário com conta Microsoft Exchange (0)

    Top 10 do mês

    Scripts

    [Shell Script] Criador de playlist

    [Shell Script] Instalador de programas

    [Python] Automação de scan de vulnerabilidades de URL

    [Python] Automação de scan de vulnerabilidades

    [Python] Script para analise de superficie de ataque

    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: