Jul
2
Modernizr is a new JavaScript snippet which can be used with CSS to switch styles on and off depending on what the browser supports. Visiting their site in Firefox 3.5, their own use of the widget shows me that the browser supports:
- Canvas
- rgba()
- hsla()
- border-image
- box-shadow
- opacity
- CSS Columns
- CSS Transforms
But does not yet support:
- border-radius
- Multiple backgrounds
- CSS animations
- CSS gradients
- CSS reflections
- CSS transitions
It does look quite useful, but a lot of that I don't think you really need to detect whether it's supported or not - if it's not supported the line of CSS will just be ignored. The only way I see it being useful is if you want to have entirely different styles in another browser which does not support a feature you want to use.
