JSCSS

Dynamic Demo

This demonstrates the flexibility that JSCSS can provide.

By allowing users to use the full power of Javascript, and the flexibility of a "SCSS like" syntax, it is possible to create CSS styles with very dynamic behaviors.

The example below shows 200 dots animated solely by dynamically injecting new css to this page every 50 milliseconds.

To demonstrate this more clearly, inspect the body of this page, and notice that the body itself is not modified. Instead, inspect the head of the page and notice that the style tag is getting modified.

Source

Further examples

Check out the console for the output of test.js