Jump to content

Recommended Posts

  • 2 weeks later...
Posted

If you want a cool polygonal background with connected dots like **ipscore.io**, you can use **particles.js** or **tsParticles** 🚀  

 

Here’s a quick example with **particles.js**:  

 

	<!-- Step 1: load the library -->
	<script src="https://cdn.jsdelivr.net/npm/particles.js"></script>
	 
	<!-- Step 2: create the container -->
	<div id="particles-js"></div>
	 
	<!-- Step 3: CSS to make it full screen -->
	<style>
	#particles-js {
	  position: fixed;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  z-index: -1; /* stay behind content */
	  background: #0a0a0a;
	}
	</style>
	 
	<!-- Step 4: configuration -->
	<script>
	particlesJS("particles-js", {
	  particles: {
	    number: { value: 80 },
	    size: { value: 3 },
	    move: { speed: 1 },
	    line_linked: {
	      enable: true,
	      distance: 150,
	      color: "#00ffcc",
	      opacity: 0.4,
	      width: 1
	    },
	    color: { value: "#00ffcc" }
	  }
	});
	</script>
	

 

👉 The result: your website will have a dynamic dots-and-lines background just like ipscore.io 😎  

If you want even more effects, check out **tsParticles**: https://particles.js.org/

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...