I'm trying to learn anime.js to add animations to my website.

However I am not able to translate elements on the z axis using anime.js.

I searched through their documentations and translateZ is listed as an accepted value for animation.

However when it comes to actual coding translateZ does not seem to have an effect.. while translateX and translateY do their usual functions.

// The Javascript code
anime({
targets : '.first_div',
translateX : 250,
translateZ : 20})

The syntax that I'm using might be wrong since I am just learning anime.js.

Any of your suggestions are highly appreciated! Thank you for your time!