Skip to content

SatyamV7/webBackground

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

webBackground

Beautiful Wallpapers for Websites

Note

πŸ›‘ These works are not completely mine πŸ›‘

How to use webBg Module

Initial Setup

  • Copy/Paste The following code in your HTML file :
<script type="module">
  import { webBg } from 'https://satyamv7.github.io/webBackground/index.js';
  webBg('ID', 'zIndex')
</script>

Configure the Module

  • Replace ID parameter in webBg('ID', 'zIndex') with your desired background's ID available.
    • The list of available backgrounds & their respective ID(s) are given below.
  • Replace zIndex parameter in webBg('ID', 'zIndex') with CSS z-index property value your want configure.
    • Value for z-index may vary with background to background and from person to person.
    • Default value for this property is '-1'.

Module Docs at ☞ Docs

Demo/Full Preview Here ☞ Demo

Name ID Preview
Matrix Rain 0 Preview Here ☞ Link
Medusae 1 Preview Here ☞ Link
Periodic Table 2 Preview Here ☞ Link
Protein Clouds 3 Preview Here ☞ Link
Rain 4 Preview Here ☞ Link
Sea Parallax 5 Preview Here ☞ Link
Simple System 6 Preview Here ☞ Link
The 25th Hour 7 Preview Here ☞ Link
The Hill 8 Preview Here ☞ Link
Triangles And Light 9 Preview Here ☞ Link
WebGL Fluid Simulation 10 Preview Here ☞ Link

Packages

 
 
 

Contributors