So basically i want to have an transparent image of a hand holding cards, then i want to display cards on a curve like when you are holding 10 cards in your hand (not fixed 10 of course). So they should be positioned on a curved dome. I’m working in angular, and i know that i have to accomplish this
Tag: css-transforms
Zoom to specific rectangle multiple times using css matrix3d
I am trying to create a zooming image tool and for this I am using matrix3d with glMAtrix https://glmatrix.net/ I have the following components: canvas (black) which represents the final view smaller resizable rectangle (red) inside canvas an image inside a div (blue with text) behind the canvas which at the beginning has the same position and dimension as the
Transformation matrix rotation not preserving local axis scaling?
I have a simple transform class to apply translations, scales and rotations on a div in any arbitrary order: class TransformDiv{ constructor(div) { this.div = div; this.translateX = 0; …