10

#meuPrimeiroProjeto Clone Instagram

#HTML #CSS
Epitácio Taveira
Epitácio Taveira


Adicionei a animação das imagens assim como existe no site original mas utilizando apenas o CSS

O projeto completo que eu fiz está disponivel no GitHub https://github.com/Fontinelle/Projeto-Clone-Instagram


Trecho do Código

.foto {
    position: absolute;
    opacity: 0; 
    animation-name: animacao; 
    animation-duration: 25s;
    animation-iteration-count: infinite;
}



@keyframes animacao {
    25% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
}


.foto:nth-of-type(2) {
    animation-delay: 5s;
}


.foto:nth-of-type(3) {
    animation-delay: 10s;
}


.foto:nth-of-type(4) {
    animation-delay: 15s;
}


.foto:nth-of-type(5) {
    animation-delay: 20s;
}
5
144

Comentários (5)

1
D

Daniel

17/12/2020 11:49

Parabéns ficou muito bom...Quase confundi com o original kkkk.

1
Cristiane Marinho

Cristiane Marinho

15/12/2020 18:32

Parabéns!! Muito bom

1
Thiago Barnabé

Thiago Barnabé

12/12/2020 16:46

Ficou muito bacana. Parabéns pelo desenvolvimento e obrigado por compartilhar.

1
Mayara Silva

Mayara Silva

11/12/2020 21:12

Ficou massa! Parabéns!

1
V

Vanderley Soares

11/12/2020 21:07

Parabéns pelo Projeto.

Cursando Ciências da Computação

Brasil