Celebration Confetti Animation with Html CSS & JavaScript | CSS Animation

Description:

Celebration Confetti Animation with Html CSS & JavaScript | CSS Animation css surprise, css confetti, animated confetti, css burst animation, css animation

SOURCE CODE

<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>Confetti</title>
  <link rel="stylesheet" href="./style.css">
  <link rel="stylesheet" type="javascript" href="https://cdn.skypack.dev/canvas-confetti">
  <link rel="stylesheet" type="text/js" href="script.js">
  <link rel="stylesheet" type="text/css" href="style.css">
<style>
body {
  height: 100vh;
  margin: 0;
  display: grid;
  place-items: center;
  font: 900 200% system-ui, sans-serif;
}</style>
</head>
<body>
	<div class="text">Loading...</div>
		<div class="block"></div>
  <script src='//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
</body>
</html>

SOFTCODE - HTML CSS JAVASCRIPT Tips and Tricks

Celebration Confetti Animation with Html CSS & JavaScript | CSS Animation

Celebration Confetti Animation with Html CSS & JavaScript | CSS Animation

No comments:

Notifications