Como criar um SLIDER CARROUSEL 3D com HTML, CSS e JavaScript

Published: 18 April 2024
on channel: Leo Vargas

1,215

117

Neste tutorial passo a passo, você aprenderá a criar um carrousel 3D com tigelas de smoothies ao usar HTML, CSS e Javascript.

Faça o download dos arquivos iniciais:

Repositório github
https://github.com/leovargasdev/youtu...

Google drive
https://drive.google.com/file/d/1HslJ...

🎥 𝗢𝗨𝗧𝗥𝗢𝗦 𝗩𝗜𝗗𝗘𝗢𝗦

• Aprendendo CSS com a tela do Airbnb
   • Aprendendo CSS com a tela do Airbnb

• Como personalizar o VSCODE
   • Aprenda a personalizar o VSCode - Tem...

• Criando o site do Mario
   • Criando o site do filme Super Mario B...

▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁

🏘 𝗖𝗢𝗠𝗨𝗡𝗜𝗗𝗔𝗗𝗘 𝗡𝗢 𝗗𝗜𝗦𝗖𝗢𝗥𝗗

  / discord

▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁

📱𝗥𝗘𝗗𝗘𝗦 𝗦𝗢𝗖𝗜𝗔𝗜𝗦

⮞ Twitch:   / leovargasdev
⮞ Instagram:   / leuvargas
⮞ Twitter:   / leovargasdev
⮞ Github: https://www.github.com/leovargasdev
⮞ Linkedin:   / leonardo-luis-de-vargas

▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁

💻 𝗦𝗘𝗧𝗨𝗣

Notebook Dell (https://amzn.to/48080ra)
Tela 1: Monitor AOC(https://amzn.to/3NAJq8L)
Suporte Ergonômico ELG (https://amzn.to/3t0i1G5)
Hub USB C p/ usar na 2ª tela (https://amzn.to/3uI2jjs)
Webcam Logitech BRIO (https://amzn.to/3RDm4BP)
Microfone Blue Yeticaster (https://amzn.to/3sW32wW)
Teclado Redragon Varuna (https://amzn.to/3T8Dkji)
Mouse Logitech G300s (https://amzn.to/3Rtnfn4)
Mouse Pad (https://amzn.to/3Rtnfn4)
Estante (https://amzn.to/46KgVfr)

▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁

📑 𝗦𝗨𝗠𝗔𝗥𝗜𝗢 𝗗𝗢 𝗩𝗜́𝗗𝗘𝗢

00:00 Introdução
00:47 Apresentando a estrutura do projeto
02:04 Estruturando o html
06:14 Estilizando o body
07:45 Estilizando o header.css
09:55 Estilizando o main.css
13:45 Efeito de hover nos sabores
18:17 Efeito de rotação entre os sabores
30:05 Circulo de fundo
33:55 Considerações finais

#html #animação #ladingpage #css #javascript #carrousel3d

Watch video Como criar um SLIDER CARROUSEL 3D com HTML, CSS e JavaScript online without registration, duration hours minute second in high quality. This video was added by user Leo Vargas 18 April 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 1,215 once and liked it 117 people.

16,668

239