問題タブ [webkit-perspective]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - Firefox で CSS パースペクティブが他のブラウザーのように機能しない
基本的にはタイトルがすべてです。私はこのコードを持っています:
これで、Chrome と IE で問題なく動作するようになりました。Firefox でこれに問題があります。div は回転しますが、Chrome や IE とは異なります。誰かがこれの原因と問題を解決する方法を知っていますか? 追加-moz-perspectiveも機能しません。
css - 変換: iOS 8 Mobile Safari でのパースペクティブ(#) で要素が誤動作し、非表示になる
プロジェクトに animate.css を使用し、iOS8 Mobile Safari で大きな障害にぶつかりました。
遠近法を使用するアニメーションはどれも機能していません。これは既知の問題として認識されていますが、解決策は提供されていません。
参考までに、特定の CSS コードを以下に示します。
この問題についてはどこにも見つからなかったので、これについて何か助けていただければ幸いです。
css - 投影サイズを正当化するための遷移距離を計算する
z translate with some perspectiveを適用することで、視覚的に大きくなるはずの画像があります。z 方向distの平行移動距離を計算する必要があります。これにより、最初の画像投影のサイズが何らかの係数で増加します。
css - Safari でコンテンツがちらつく
CSS でスライド遷移をアニメーション化するために webkit-perspective を使用しています。Safari を除くすべての主要なブラウザで問題なく動作します。
2 番目のスライドでは、テキストがちらつきます。-webkit-backface-visibility: hidden;
ここで、親要素を含むソリューションを見つけました。しかし、それは私にはうまくいきませんでした。
サイトは次のとおりです: http://www.venicedev.com
これは、テキストの背面にあるキャンバス要素が原因で発生していると思います。しかし、私はこれに対する逆転を見つけることができません。誰でもこれで私を助けることができますか？
transform - Safari の透視変換でテキストが途切れる
そのため、要素に遠近変換を追加しようとしていますが、Safari でテキストが途切れています。以下のCodePenをChromeで開くと正常に表示されますが、Safariでは白い文字が切れてしまいます。他の質問を検索しましたが、問題を解決するものはありませんでした。