html - DIV を右から傾ける

Question

右端から div を傾けることは可能ですか? 使うtransform:skew(XXdeg)と必ず中心からズレます。

2 つの div を隣り合わせに配置しようとしています。1 つは歪んでおり、もう 1 つは変換なしです。基本的には、表紙が持ち上げられた本のように見える必要があります。そのため、2 つの div は中央で交わる必要があります (右端ではゆがんでいて、左端では変形していません)。何か案は？ありがとう！

Answer 1

transform-originを使用できます

transform-originは完全にはサポートされておらず、一部のブラウザで動作させるにはベンダー プレフィックスを使用する必要がある場合があります。

左から 45 度傾けるには、次のようなものを使用できます。

transform-origin: 100% 100%; /* you can use pixels instead */
transform:        skew(45deg);

繰り返しになりますが、すべてのブラウザーで動作させるには、ベンダー プレフィックスが必要になる場合があります。