Desenvolvimento Web com Front-End - Aprendendo do Zero" HTML, CSS e JS - Como Fazer Animação com Background imagem e color | Html e Css

#BackgrounImage #FrontEnd #Css3 #Html5 #AnimaçãoCss 📚 Muito Obrigado por Assistir! Neste vídeo vamos criar um slide com imagens e cores, vamos utilizar somente html e css. No Html faremos quatro divs para cores e uma outra para o slide, onde colocamos dentro de um container. No estilo css vamos zerar todos os espaços do nosso body. Na div color vamos colocar como posição absolute e um z indez, E no c1, c2, c3 e c44 vamos zerar o top, left, right e bottom para cada posição desejado e um background para um efeito com cor. Na div slide também zeramos três lados, colocamos uma animação. Criamos um @keyframes com background imagem, opacidade, transição, posição e zoom para criar e animar as imagens. 📌Saiba Mais https://www.youtube.com/c/WebOnlineDesenvolve 📌 https://github.com/WebOnlineDesenvolve |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| Os Mais Vendidos na Amazon em Computadores e Informática: https://amzn.to/3nWnCbr Mais Vendidos em Games e Consoles: https://amzn.to/3ufq8ed Mais Vendidos em Dispositivos Amazon e Acessórios: https://amzn.to/3EEfulQ Mais Vendidos em Apps e Jogos: https://amzn.to/39whbU9 Notebook: https://amzn.to/3EJk5TK Pcs: https://amzn.to/3zrgaas |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| 🎵 Música ✨IDE: ( Integrated Development Environment )Microsoft Visual Studio. ✨IDE: ( Integrated Development Environment ) Visual Studio Code. EXTENSÕES VISUAL STUDIO CODE: LIVE SERVER: Carrega a página automaticamente. BEAUTIFY : Padroniza a formatação do código COLOR HIGHLIGHT : Mostra as cores que você está criando no arquivo css. INTELLISENSE FOR CSS: Fornece o auto completo da classe que você escreveu no seu código. ✨Software Editor de videos: Shotcut. ✨Software para gravar a tela do computador: OBS Studio. Google Fontes: https://fonts.google.com/ ⭐ Biblioteca JavaScript https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.3/TweenMax.min.js Fontes de ícones 🔎https://fontawesome.com/v5.15/icons?d=gallery&p=2 🔎https://fontawesome.com/ Ambiente de Desenvolvimento: codepen.io HTML E CSS: 🔎https://www.w3schools.com/default.asp Tabelas de cores: 🔎https://www.flextool.com.br/tabela_cores.html Imagem para baixar: 🔎https://pixabay.com/pt/ Site para criar Thumbnails: 🔎https://www.canva.com/