Skip to content
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

dotbot

dotbot is a simple library that let's you create a randomised, dotted background-pattern on any given element on your website.

Example

Example

To initiate dotbot. simply include the library and call the dot function like so: https://cdn.jsdelivr.net/npm/dotbot@1.0.0/dotbot.min.js

var myDots = new dotbot({
  selectorId: "dotbot-selector-id"
)};

Options

You can define almost every aspect of layout:

var myDots = new dotbot({
  selectorId: "dotbot-selector-id",
  parentPosition: "relative",
  colors: [
     "blue",
     "rgb(126, 211, 33)",
     "#f06d06"
  ],
  sizeMin: 3,
  sizeMax: 80,
  dots: 35,
  radius: 0,
  opacity: 0.1,
  zIndex: -1
});

About

dotbot is a simple library that let's you create a randomised, dotted background-pattern on any given element on your website.

Resources

License

Releases

No releases published

Packages

No packages published