Heading

Here is an example of a spiced-up page heading for a web site. The heading is composed of two stacked elements. The bottommost of the two is a rectangular canvas element that is animated with Sprinkler. On top of the animation lies a white PNG-image where the letters of the word "heading" are cut out and left transparent. The animation can be seen through the transparent holes in the image. The result looks like the letters are styled with a moving pattern. Such an effect is difficult to make with current text-styling features of HTML and CSS. Therefore the effect is rarely seen on the web. The animation capabilities provided by Sprinkler make that much easier for the designer and the developer to achieve.