Additionnal settings
blendmode
Def ines how the content of a link is
blending with the content behind it.
There are several possible modes: multiply,
screen, overlay, darken, lighten, color‑dodge,
color‑burn, hard‑light, sof t‑light, dif ference,
exclusion, hue, saturation, color and luminosity
More information and testing: Blend‑mode ‑ CSS
yoyo et repeat
These can be used to repeat animations. Use yoyo
to play an animation forward and then backwards.
Use repeat to play the animations several times
(1 = once, 3 = three times, ‑1 = inf inity).
transformOrigin
Def ines the animation anchor point (centered
by default). Here are some examples of
the values that can be entered:
transformOrigin=50% 50%
(Centered vertically and horizontally)
transformOrigin=top lef t
(top lef t anchor)
transformOrigin=bottom right
(bottom right anchor)
transformOrigin=25% 60%
(25% of width and 60% of height anchor)
quality
Works only for Layer Animation de calque, controls
the quality (actually the size) of the generated image.
Default value is 4, extracted image is not enlarged=1.
preventFlickering
Works only for
ZoomIn
and
ZoomOut
animations.
Add this parameter if the image shakes
during animation: preventFlickering=1
parallax
Parallax allows you to simulate a depth ef fect
when you move the mouse (or the gyroscope of
smartphones and tablets). The larger the value,
the greater the movement of the object. Negative
values cause the layers to move in the opposite
direction and can be used to simulate objects that
are further away than the f ixed reference plane.
backgroundColor
This def ines the background colour in hexadecimal of
an object. If it is not set then the background colour
is transparent. If used on an Image (png, svg), then
the parts of the link area that is not covered by the
image will be f illed by the background colour. It can
also be used on a Video (mp4), then this will be the
color that is shown before the video is loaded.
If an 8‑digit code is used #00f ff ff f, then the f irst
two digits 00 correspond to the transparency in
hexadecimal (00 = transparent and f f =opaque).
More information to convert a decimal value to
hexadecimal: Decimal to Hexadecimal Converter
darken lighten color‑dodge color‑burn
hue saturation color luminosity
multiply,
normal
screen overlay
hard‑light sof t‑light dif ference exclusion
quality=1 preventFlickering=0 quality=4 preventFlickering=1 repeat=1 repeat=3 repeat=‑1
In the foreground, the small
orange block has a f ixed
value of 0.8. The image is
at 0.2, and the background
block has a value of ‑0.5.