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

    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

    O mínimo que você precisa saber sobre o terminal (parte 2)

    O mínimo que você precisa saber sobre o terminal (parte 1)

    Como iniciar uma máquina virtual do VirtualBox automaticamente no boot do LUbuntu 18 LTS

    Dicas

    Mudar o gerenciador de login (GDM para SDDM e vice-versa) - parte 2

    Como deixar as abas do Firefox mais fininhas

    Mudar o gerenciador de login (GDM para SDDM)

    "Tentando" fazer com que programas rodem no Wayland e no X11

    Saiu o Gnome 47 sem muito alarde com mais do mesmo

    Tópicos

    Como baixar os drivers de áudio no linux mint? (6)

    Erro ao iniciar Ubuntu 24.04.1 LTS - Management Owner Key - MoK (7)

    Linux Mint não volta do modo suspenso ou hibernação (3)

    Google Chrome não para de escrever no disco [aparentemente Resolvido!]... (15)

    Acesso a Pasta compartilhada do samba (7)

    Top 10 do mês

    Scripts

    [Python] Automação de scan de vulnerabilidades

    [Python] Script para analise de superficie de ataque

    [Shell Script] Novo script para redimensionar, rotacionar, converter e espelhar arquivos de imagem

    [Shell Script] Iniciador de DOOM (DSDA-DOOM, Doom Retro ou Woof!)

    [Shell Script] Script para adicionar bordas às imagens de uma pasta

    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: