Glint effect is a standalone script or jQuery plugin to create a glint light effect on HTML page elements. It creates a canvas object to render a glint light image effect that is going to be displayed on top of a given HTML Web page element. The object periodically changes the position of the glint image to give the sensation of a light being moved over the target page element. The glint image can be animated horizontally or vertically. The animation speed and the glint image color and angle are configurable parameters.
Light source is an object which can apply a shadow to page elements based on the position of a light. It takes the identifier of a page element and changes its CSS atttributes which define shadow parameters depending on the position of a light source relative to the target element and its children elements. The shadow can be generated either with the shape of the text elements or the whole box of the target element.
SpotlightJS shows a spotlight over a Web page. It can create a transparent canvas on the top of the Web page with a dark area and a light rounded spot area which make the content below it appear as if it highlighted by a spotlight. The spotlight can be animated so it can move at a given speed. Callback functions may be invoked when the user drags the mouse over or clicks in the spotlight or the canvas area, as well when the animation starts and ends.