On a web page, I have an element I would like to animate its z-index.
Here is my code:
myElement.animate({
opacity: [0.1, 1.0, 0.1, 0],
background: ["red", "green", "red"],
z-index: [0, 128, 0]
}, {
fill: 'forwards',
timeline: new ViewTimeline({
subject: animationTrigger
}),
rangeStart: {rangeName: 'entry', offset: CSS.percent(4)},
rangeEnd: {rangeName: 'exit', offset: CSS.percent(64)},
});
I have tried z-index
, zindex
, but nothing works.
Apparently, I am using the wrong property name.
Any help or a hint will be appreciated.