Descubra como criar o efeito "Loading Spinner" com HTML, CSS e JavaScript!

Neste tutorial, você irá descobrir a como criar o efeito de loading spinner utilizando HTML, CSS e JavaScript.
O efeito de loading spinner é utilizado em diversas aplicações web para indicar que um processo está em andamento. Com este tutorial, você será capaz de criar um spinner responsivo e personalizável, com animações suaves e uma ótima experiência de usuário.
🎥 𝗩𝗜𝗗𝗘𝗢𝗦 𝗖𝗜𝗧𝗔𝗗𝗢𝗦
• Domine o Menu Toggle - Aprenda HTML, CSS e JavaScript com este Tutorial
• Domine o Menu Toggle -...
• Aprenda a personalizar o seu vscode
• Aprenda a personalizar...
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
🏘 𝗖𝗢𝗠𝗨𝗡𝗜𝗗𝗔𝗗𝗘 𝗡𝗢 𝗗𝗜𝗦𝗖𝗢𝗥𝗗
/ discord
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
📱𝗥𝗘𝗗𝗘𝗦 𝗦𝗢𝗖𝗜𝗔𝗜𝗦
Twitch: / leovargasdev
Instagram: / leuvargas
Twitter: / leovargasdev
Github: www.github.com/leovargasdev
Linkedin: / leonardo-luis-de-vargas
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
💻 𝗦𝗘𝗧𝗨𝗣
OS: Pop OS 20.04
Notebook Dell (amzn.to/3lzdrdY)
Tela 1: Monitor AOC(amzn.to/402aIJ7)
Tela 2: Monitor MTEK
Suporte Ergonômico ELG (amzn.to/3lrlslj)
Hub USB C p/ usar na 2ª tela (amzn.to/40k7iBj)
Webcam Logitech BRIO (amzn.to/3lmcQfV)
Microfone Blue Yeticaster (amzn.to/3yNqRX0)
Teclado Redragon Varuna (amzn.to/40mhskM)
Mouse Logitech G300s (amzn.to/42rZCi2)
Mouse Pad (amzn.to/42B8YIG)
Estante (amzn.to/3FY7zSR)
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
#loadingspinner #efeitospinner #tutorialcss #comocriaroefeitospinner #spinner #loading

[@viniciusrifam]

Bem legal, varias lições em um vídeo simples

[@leovargas]

Obrigado Rifam!

[@alexsandrodias9959]

cara você manda muito !!

[@leovargas]

Obrigado Alexsandro!!!

[@Thom.Zille.]

Bem didático. Parabéns, Leo.

[@leovargas]

Obrigado Thom!

[@jansennalim3501]

Cada dia melhor Leo! Dá até vontade de codar :')

[@leovargas]

Obrigado Jansen!

[@paulpessoa]

Muito bem Leo, segue o jogo man, ta indo bem.

[@leovargas]

Muito obrigado Paul!

[@michellfernandes6977]

queria tanto esse aquivo pra edicao, nao sei fazer tudo como ta ai

[@leovargas]

Opa amigo, subi o código lá no CodePen
codepen.io/leeonardovargas/pen/rNgRPxW

[@Profisraelcrispim]

como faço para depois da duração do loading ele direcionar para uma pagina ?

[@leovargas]

Olá, você pode usar a função window.location.assign('URL_DA_PAGINA');