3d-card-effect
3d-card-effect copied to clipboard
TranslateZ did not work without perspective:1000px and transform-style:preserve-3d in the direct parent of the class.
Ciao, the animation doesn't work inside the Firefox Browser, Christian.

#17 The animation jumps when you enter the card, this will make it smoother.
close image tag
Fixes #12 @developedbyed
Hello, As a beginner to JavaScript and Web Development the tutorial on Youtube was really helpful. Here is my repository after trying a different product on the shopping card. Check...
Tested on Chrome DevTools mobile devices and physically on a Samsung Galaxy S9+ Preview (open on your cellphone and drag your finger across the screen): https://goldenmaximo.github.io/3D-Animation-Card/ 