CSS FilterLab
Switch branches/tags
Nothing to show
Pull request Compare This branch is 79 commits behind adobe:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.


CSS FilterLab

Supported Browsers

CSS FilterLab is using some cutting-edge technology that is available in the latest Google Chrome Canary and WebKit nightly builds. To enjoy the full experience you'll need to turn a few knobs:

Google Chrome Canary

  • Download and install Google Chrome Canary
  • Type chrome://flags/ in the browser's address bar
  • Find the Enable CSS Shaders flag and turn it on
  • Find the GPU Accelerated SVG Filters flag and turn it on
  • Relaunch the browser

WebKit (Mac only)

  • Download and install WebKit nightly for Mac OSX
  • Open the browser's preferences panel. Go to the Advanced tab and tick to show the Develop menu in the menu bar.
  • In the browser's menu bar select Develop > Enable WebGL

Enjoy CSS FilterLab!


Git Submodules

The CodeMirror library is linked as a git submodule. After you clone the project on your machine you'll need to setup the submodules and pull in their code.

cd ./path/to/css/filterlab/
$ git submodule init && git submodule update

File System Access

CSS FilterLab requires HTML5 File System access, but that doesn't work very well when loaded from file:// URLs. For that reason running CSS FilterLab requires serving it from a server. The easiest way to do that on a Mac would be to use python's simple server:

cd ./path/to/css/filterlab/
python -m SimpleHTTPServer

Open http://localhost:8000 in your browser.


Notices, terms and conditions pertaining to third party software are located at http://www.adobe.com/go/thirdparty/ and incorporated by reference herein.


Copyright 2012 jQuery Foundation and other contributors http://jquery.com/

MIT license

jQuery UI

Copyright (c) 2012 Paul Bakaus, http://jqueryui.com/

MIT license


Copyright (c) 2002-2011 The ANGLE Project Authors. All rights reserved. Use of this source code is governed by a BSD-style license that can be found in the LICENSE file.

This JavaScript library was automatically generated from the ANGLE project using emscripten

For more information go to ANGLE.js


Copyright (C) 2012 by Marijn Haverbeke marijnh@gmail.com

MIT License