Como criar um Card 3D com HTML, CSS e JavaScript

Опубликовано: 05 Ноябрь 2024
на канале: Inteliogia - Dev's Insights
3,953
267

💡Hora de tirar suas ideias do papel e construir sua nova profissão. O Treinamento Modo Front-end está com as vagas abertas: https://bit.ly/3KY8mpn

Nesse vídeo vamos criar o efeito de card 3D ou também podemos chamar de efeito Tilt. E vamos utilizar HTML, CSS e um biblioteca de JS para fazer esse efeito funcionar.

✅ LINKS CITADOS:
➡️ Vanlla-tilt: https://cdnjs.com/libraries/vanilla-tilt

💡 Seu projeto ficou pronto? Coloque ele no ar com a Hostinger e ganhe até 20% de desconto:
https://hostinger.com.br?REFERRALCODE=1BRUNO76

✅ ME SIGA NAS REDES SOCIAIS

➡️ Instagram: https://bit.ly/3DHrMdj
➡️ GitHub: https://bit.ly/3tVboSS
➡️ X (Twitter): https://bit.ly/3PLk5KJ

💡 Torne-se membro do Inteliogia e tenha acesso antecipado aos vídeo e projetos exclusivos:
https://bit.ly/programmakerspro

✅ Setup que eu uso e recomendo:
Cadeira Gamer: https://amzn.to/48YsP78
Monitor: https://amzn.to/3SoIYMn
Notebook: https://amzn.to/3OsDP4D
Teclado mecânico: https://amzn.to/4bniP9d
Mouse: https://amzn.to/3HHEvz9
Mousepad: https://amzn.to/3u8MCSx
Webcam:https://amzn.to/3Sm8QZi

✅ Configure o VS Code igual ao meu:
   • Como configurar o Visual Studio Code  

✉️ E-MAIL PARA CONTATO EMPRESARIAL (não tiro dúvidas por aqui):
➡️ [email protected]

💡 É isso #programMaker, seguimos por aqui, codando 👨🏼‍💻
#html #css #tutorial #card3d