Example: Hover Over Element - Quadratic

When the cursor moves over the element its size is increased. This works on both transfomed and non-transformed elements, contained in a <g>, or as individual elements. Uses getBBox to determine scale reference point. The previous hover size increase is reduced to its original size.
Animation Settings:
1. Smoothness100 frames per second
2. Duration200 - runtime in ms
3. Range increase scale .5
4. Output Equationfunction quad(p){return Math.pow(p, 2)}
6. Application Output element transform

There are 2 hover functions: hoverOverG(evt) for <g> elements,
and hoverOverE(evt) for individual elements.

SVG Source:
Javascript:
OK in:IE11/CH32/FF23