Facelift - Automatic Link Detection

Facelift automatically detects when a link (<A>) is replaced and automatically sets it up to behave as a normal link does when replaced. » Back to all examples

This is a plain header with a link.

You can also create inline links inside elements.

When you hover over the links above they will detect the hover state of the link and automatically update the generated image to match.

This link has been preloaded.

Since Facelift has to wait for a link to actually become active to determine the CSS, there will be a slight delay for the hover image to download. You can get around this by specifying a hover state with your FLIRStyle. The hover state will be preloaded and cached, and the delay will be gone. The downside with this method is that you will have to do double entry (one time for your CSS and once for Facelift).