My TranslateZ not working at all in Chrome or Edge
I've been trying to translate a Javascript example from a YT video of a animated card with both rotation and translateZ effects. I thought most of the original code done in Javascript could be handled in CSS with just the mouse tracking done in javascript.
However, niether th original code's 'translateZ' or my CSS version actually do anything,
I read another post here about a solution to translateZ issues being something to do with : "backdrop-filter: blur()". Net being sure what this was, I tried commenting out some box-shadow blur css lines, but that didn't help.
I've had to upload the coide as it makes the post too long if anyone can help me narrow down the problem
However, niether th original code's 'translateZ' or my CSS version actually do anything,
I read another post here about a solution to translateZ issues being something to do with : "backdrop-filter: blur()". Net being sure what this was, I tried commenting out some box-shadow blur css lines, but that didn't help.
I've had to upload the coide as it makes the post too long if anyone can help me narrow down the problem
mycode.txt4.17KB
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Recent Announcements
Similar Threads
Was this page helpful?
