Efeito Animação Confete com Javascript - Bruno Devx - BR Criativus

post #5447

Efeito Animação Confete com Javascript

Publicado em: 25/06/2024 / Atualizado em: 25/06/2024

Categorias: BlogJavaScript (JS)JS

Com este código abaixo é possível adicionar um efeito de confete quando o usuário acessa determinada página ou até mesmo quando clica em algo. Basta apenas adicionar a função fireConfetti() como mostra abaixo:

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/confetti.browser.min.js"></script>

<script>
function fireConfetti() {
    confetti({
        particleCount: 100,
        spread: 70,
        origin: { y: 0.6 }
    });
}
	
document.addEventListener("DOMContentLoaded", () => {
    fireConfetti();
});

</script>

Publicações recomendadas:


Link Direto

Compartilhe esse conteudo nas redes sociais ou por mensagem usando o link direto abaixo. Basta copiar.

bruno.art.br/?p=5447

ID de Referência: 5447

Sugira uma publicação

Envie uma mensagem e sugira um publicação sobre um assunto que tenha dificuldades de resolver.

Clique aqui e entre em contato