7 | 8 | 9 |
4 | 5 | 6 |
1 | 2 | 3 |
0 | . |
This is an example of behavior:magnifier
. This behavior can be assigned to any container element.
Attribute magnify
ot the container element defines CSS selector of elements that will be magnfied when mouse will move around them.
Other attributes that behavior:magnifier
knows about:
magnify
- CSS selector of child elements to magnify;radius
- "fisheye" radii - distance in which mouse movements will take effect, in pixels;radius-x
and radius-y
- the same as the above but allow to define elliptical sensitive area;magnification
- maximum magnification, by default is 2.0.magnification-step
- maximum magnification step, by default is 0.15.Magnified elements will get attribute magnified="N.NN"
set. Where N.NN
is a value of current magnification.
This value is multiple of 0.25 so for magnification=2.0 this attribute will take values: 1.25, 1.50, 1.75, 2.00.
Use magnified
attribute to tune up font sizes or images in different scale factors.