cssとjavascriptを使用してhtmlで本を回転させよう

私は、書籍の印象を与えるような方法で前面と背面の両方の完全な書籍イメージをアニメートしようとしています。私にその本の裏を渡してください。これは次のようになります...cssとjavascriptを使用してhtmlで本を回転させよう

私は多くの試みを試してみましたが、ブラウザの非互換性の問題があるたびに、いくつかは、右出力他人にはない示しています

これまで、この問題を解決するために何を試しましたか？ – Roberrrt

よく試してみました。このプラグインを使用しています。http://www.jqueryscript.net/demo/3D-Cover-Flip-Animations-with-jQuery-CSS3-Transforms-Cover3D/ –

クロムで完璧に動作します。いくつかのmozillaブラウザでは、エッジが欠落しています...私は理由を知りません。 –

奇妙な私はそれが動作すると思う：変換して角度を変更してください：（-89へ-90）

.Cover3D div.left{ 
transform: rotateY(-90deg) translateZ(14px); 
}

〜

.Cover3D div.left{ 
transform: rotateY(-89deg) translateZ(14px); 
}

2016-12-29 10:40:47

入力bro ..に感謝します。前に何らかの理由で本の端が一部のブラウザ（mozilla version 50）に表示されていない –

それは働いていました... -90degから-89degに行くのではなく... -90degから-91deg ...入力してくれてありがとう。もう1つの小さな問題が残っている。つまり、本が完全に回転すると1％のように縮小する。 –

答えて