Chapter 6
Stunning Aesthetics with CSS3
Section 6
CSS Filters
There is a glaring problem with box-shadow. As the name implies, it is limited to the rectangular CSS box shape of the element it is applied to. Thankfully, we can overcome this issue with CSS filters, part of the filter effects module level 1. They are not as widely supported as box-shadow, but work great with a progressive enhancement approach. If a browser doesn't understand what to do with the filter, it simply ignores it. In supported browsers, the fancy effects are rendered. This video covers: - Demo on CSS Filters - Demo on Available CSS Filters - Combining CSS Filters