CSS3 Click Chart | CSS3 Browser Support and Information

Shaders

As a complement to filters, animations, and transitions, this module describes how to create "programs" that provide special effects such as distortion, blur, and twirl.

Specification

Shaders on W3C

Example Code

.waving {
    filter: custom(url('wave.vs'), 20 20, phase 0, amplitude 50);
    transition-property: filter;
    transition-duration: 0.2s;
}

.waving:hover {
    filter: custom(url('wave.vs'), 20 20, phase 90, amplitude 20);
}

Live Demonstration

N/A

Desktop Browser Support

No support

Tools / Polyfills

Tutorials / Articles

CSS Shaders on Adobe.com