Why not use input[type='range'] rather than these horrible unusable sliders? Also, why aren't your numbers input[type='number']? Then you could press up and down to change them. If you provided a step value that matches the unit (e.g. 0.1, 1 or 10), then this would be much more browsable.
I don't understand, the sliders are doing nothing (Firefox 31), is that suppose to do anything ?<p>By the way the contrast is really bad on the top menu and I have to hover everything to have an idea of the text.
Similarly, I recently built a real-time animation tester. It accepts the full range of CSS properties:<p><a href="http://codepen.io/julianshapiro/full/oHaCy/" rel="nofollow">http://codepen.io/julianshapiro/full/oHaCy/</a><p>Useful for understanding the difference between properties and for testing out motion design concepts.
Nifty little tool. I would make the sliders much wider, since 70% of the space in the property window is unused anyway, and it's easier and more fun to drag sliders and watch the result real-time than changing text values.
This tool is ancient. I remember using it in 2010. I see a lot of people complaining that it's not working. It's not surprising, it probably hasn't been updated since then.