🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Create a div with purpose as your background .. activate plugin; animated or reactive as the user scrolls. The plugin automatically will fix the div so it works seemlessly.N.b the only css you might want to change is the z-index of your div. Also dont put anything in your starscroll div.Features:8-bit or 16-bit mode! (how retro do you wanna go!?)Animated or reactionary to scrollMultiple layers of true parallaxCustom colours and complexitiesEvery websites dreamForces static on mobile detection

Animation

Documentation

STARSCROLL

Create a div with purpose as your background .. activate plugin; animated or reactive as the user scrolls. The plugin automatically will fix the div so it works seemlessly.

N.b the only css you might want to change is the z-index of your div. Also dont put anything in your starscroll div.

depends on jQuery 1.8.1+

Plugin Site

Features:

  • 8-bit or 16-bit mode! (how retro do you wanna go!?)
  • Animated or reactionary to scroll
  • Multiple layers of true parallax
  • Custom colours and complexities
  • Every websites dream
  • Forces static on mobile detection

BASIC USAGE:

$('.element').plugin( 	mode, 	parallax-layers, 	density, 	dimension, 	smoothness, 	colour, 	colour-varience, 	animate, 	scrollspeed );

config options:

Option data type values Required bit mode Nb.
mode int boolean 8 / 16, true / false Yes n/a
parallax int max: 10 Yes both num of parallax levels
density int num of stars Yes both
dimension int max: 20 Yes both size of stars
smoothness int min: 0, max: 5 No both scroll smoothness speed
colour rgb array [255,255,255] No 16-bit
colour-varience boolean true/false No 16-bit subtle colour varience enabled
animate boolean true/false No both auto scrolling starfield
scrollspeed int min: 0, default: 2 No both scroll speed

usage example

```javascript $('#starfield').starscroll(16,3,50,5); ```

You May Also Like