Backgrounds can make the difference between a plain boring site to one that I hip and styling. Jack has so many background options that I honestly will not be able to even scratch the surface as to what can be done with it for this demo.

Solid Colour


Solid color backgrounds are the most basic that you can get. You can already add them to any stack that you want. But once you start playing around with transparent backgrounds, the game changes. You go from boring to sexy…

Boring

Sexy Transparency

Images


Jack has every conceivable CSS method for controlling background images. Tiles, responsive backgrounds, cover images, parallax fixed backgrounds, and more. Below are a few examples. There are also many more examples of how how to use background images throughout this demo site. You will also notice in the demo below that we can customize the background images for mobile devices. Resize your browser window to see that in action.

Tile

Cover

Control Tile Repeat

Cover (fixed)

Gradients


Gradients are an amazing way to liven up your site. Even a subtle gradient that I not as apparent as the examples below can really make a huge difference.

Linear

Radial

Two Tone

Ellipse

Fade to Transparent

Fade to Background

Animate


Hold onto your seats… Adding some animation to you backgrounds is an awesome way to add some life to your webpages.

Demo #1

Demo #2

Addons Used to Build This Page


The following addons were used to build this page….