Gradient Circus, a CSS presentation
Switch branches/tags
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
play
src
.bowerrc
.editorconfig
.gitignore
.namespace
README.md
bower.json
gulpfile.js
package.json
poster.png

README.md

Gradient Circus

A presentation about the inner workings of CSS gradients. There are a few variations, each with a different set of interactive slides viewable online:

Links and references

Specs

Demos

Slide tech

The slide deck was built using Bespoke.js with some custom plugins.

View slides locally

First, ensure you have the following installed:

  1. Node.js
  2. Bower: $ npm install -g bower
  3. Gulp: $ npm install -g gulp

Then, install dependencies and run the preview server:

$ npm install && bower install
$ gulp serve