Search the Community
Showing results for tags 'transform3d'.
I'm trying to make a behaviour that feels kind of elastic, that when the user moves is mouse (and in the future, his phone), the cards behind the current one move away with a delay between each other. The problem is that for it to be as I visioned it, it would need to move away, based on the centred card, with the exact same values for top/left and bottom/right (confusing, I know, but I hope you understand what I meant). Can you give a little help? PS: For some reason, the demo on codepen isn't adding the transform: translate(-50%, -50%) when the element loads. On my localhost it works
Hey there, I'm trying to build a small 3d enviroment based off transform3d. I'm using transform3d and a transform3d library - Sprite3d. All it does is create and position 3d css shapes well in perspective and related to their parent. I've been trying to make this with gsap and matrix 3d and it does work, but matrix3d does really crazy things on the app platform i'm publishing to when i do any z transformation or z rotation, or perspective. But i don't want to go into that, the sprite engine is my only way of working at this point and it does work great Working CSS version: http://codep