HomeCSSjavascript - CSS change: translate3D not servicing z-axis

javascript – CSS change: translate3D not servicing z-axis

December 15, 2022

i am making a job for enjoyable, as well as it greatly relies upon css change. I attempted to utilize the z-axis, however it shows up to not function, please assistance!

HTML:

<< img alt=" Oops! Either the photo could not pack, or this isn't a legitimate web link, reload as well as attempt once again!" src=" https://us.bravecto.com/wp-content/uploads/sites/188/2022/04/cats-bravecto-for-cats.png?w=283" id=" pet cat">
>

JS:

 const pet cat = document.getElementById(' pet cat');.

cat.animate([
   {
     transform: 'translate3D(0px, 0px, 400px)'
   },

   {
     transform: 'translate3D(0px, 0px, 0px)'
   }
]).

It simply wont bring the photo forwards! Please aid, many thanks!