Use CSS3 transform to fit element perfectly

Asked Dec 14 '16 at 15:08

Active Dec 14 '16 at 15:35

Viewed 52 times

I'm trying to fit a youtube video to a phone's display but I can't figure out the perfect values. There's always a corner that not fits.

    transform: rotate3d(-131,-46,54,-53deg) skew(-5deg) skewX(10.2deg) skewY(1.9deg) perspective(82px) rotateY(1deg) scaleX(1) scaleY(1.1);

Without the #layer 's z-index, you can see clearly that the top left corner is not fits.

edited Dec 14 '16 at 15:35

asked Dec 14 '16 at 15:08

Erik Simon

It looks somewhat fine for me here, – roberrrt-s Dec 14 '16 at 15:11
Looks good here too (Chrome Mac). Can you specify the browser you are having problems with? – Ivan Chaer Dec 14 '16 at 15:14
sorry I wrote top right, but I meant top left! – Erik Simon Dec 14 '16 at 15:36

0 Answers0