rich:effect utilizes the set of effects provided by scriptaculous javascript library. It allows to attach effects to JSF components and html tags. For the reference of the available effects and their parameters see the scriptaculous documentation and wiki. There are some of many possible effects available out-of-the-box:

It is possible to use rich:effect in two modes:

- attached to the JSF components or html tags and triggered by a particular event. Wiring effect with JSF components might occur on the server or the client. Wiring with html tag is possible only on the client side
- invoking from the javascript code by an effect name. During the rendering, rich:effect generates the javascript function with a defined name. When the function is called, the effect is applied

Here are the typical variants of usage: