New CSS JavaScript Library ...

The library sits on top of CSS itself and gives you:

    * Programmatic CSS
    * Browser Compatibility
    * Custom CSS Properties

    With programmatic css, you can use loops to generate CSS that might have taken pages to type out. You can have CSS constants. You can do all sorts of math and calculations for a property. You can also modify the style of elements on the fly, without using javascript on each element. I am sure there is other cool stuff you can do that I didn think of.

    Browser compatibility is sort of self-obvious. Before, you used to have a style sheet for each browser to allow for their quirks and weird CSS implementation. Now you can generate CSS that is browser specific using JS. The class is built to allow you to extend it for any browser and any property. You can specify a property to be limited, in which case it will only generate it for the browser you specify.

    Ever wanted to invet your own CSS property? Now you can. See the examples for what I mean.

There are a lot of great examples, such as having IE grok opacity:
PLAIN TEXT
JAVASCRIPT:

   1.
      
   2.
      CSS.implement({
   3.
          rident_opacity: function(value, property)
   4.
          {
   5.
              return [filter, alpha(opacity= + (value * 100) + )];
   6.
          }
   7.
      });
   8.
      

or allowing you to use border-radius and have it setup for the right browser:
PLAIN TEXT
JAVASCRIPT:

   1.
      
   2.
      CSS.implement({
   3.
          local:
   4.
          {
   5.
              limited: [order-radius]
   6.
          },
   7.
      
   8.
          gecko_border-radius: function(value, property)
   9.
          {
  10.
              return [-moz- + property, value];
  11.
          },
  12.
      
  13.
          webkit_border-radius: function(value, property)
  14.
          {
  15.
              return [-webkit- + property, value];
  16.
          }
  17.
      });
  18.
source: ajaxian

 Original Source: