問題タブ [css-transforms]

I'm hoping that there's a relatively simple way to rotate a webpage a little bit, 30 degrees or so, while still leaving it fully functional and usable.

I completely control the page, and can modify it to make this easier if needed. I'd rather not re-write the whole thing in SVG, though, but perhaps javascript and canvas will work?

Is there a way using CSS, Javascript, or some other cross browser method that would allow me to accomplish this?

-moz-transformと-moz-transform-originの違いは何ですか？

重複の可能性:
iphone webkit css アニメーションでちらつきが発生する

何らかの理由で、webkit-transform プロパティのアニメーションが発生する直前に、わずかなちらつきがあります。これが私がやっていることです：

CSS:

JavaScript:

遷移が発生する直前にちらつきがあります。これがなぜなのか、どうすれば問題を解決できるのでしょうか?

ありがとう！

更新:これは Safari でのみ発生します。アニメーションは機能しますが、Chrome では発生しません。

HTML オブジェクトに複数の変換オプションを設定したいのですが、期間と遅延が異なります。

そのようなものを使用しようとすると:

次に、変換と不透明度に異なる時間関数を使用しますが、回転とスケーリングに異なるオプションを設定できますか?たとえば、10 秒間回転し、20 秒間スケーリングしますか?

ハードウェア アクセラレーションを使用して iPad で使用するアニメーションを最適化しているときに、完全に解決できていない問題に遭遇しているようです。翻訳などの Webkit 変換を適用している場合、アニメーションはうまく動作しますが、アニメーションの途中でユーザーがページをスクロールすると、ユーザーがページをスクロールすると、アニメーションが途切れ、元の位置に戻って続行しようとします。終点までのアニメーション。

この問題の解決策をどこでも探していて、iPad ストアでも発生していることがわかりました。手元に iPad があり、たとえばhttp://webkit.org/demos/transitions-and-transforms/に移動し、項目を選択すると、ボタン アニメーションが完了する前にページをドラッグ (スクロール) します。放すと、アニメーションがちらつき、元の位置に戻り、完了するまで繰り返します。

これを回避できる唯一の方法は、touchmove イベントが発生したときです。アニメーションに元の場所にとどまるように指示します。どこに行けば関係なく元に戻ります（cssトランジションが技術的に停止できないように見える方法を見てください）。

この問題の回避策を見つけた人はいますか?これはアニメーションの問題ではなく、iPad のバグであると確信しています (これは、preserve-3d に関する問題とは関係ありません)、または報告する必要があるかどうかこれを課題として。

ありがとう！

次のような単純なアニメーションがあります。

ホバーすると、正しくスケーリングされます。しかし、それが完成しようとしたとき、突然元のサイズに戻り、完成した拡大バージョンにスナップします.

これを修正するにはどうすればよいですか?

誰かがこのようなスキューを達成する方法を知っていますか？

CSSの新しい変換プロパティを使用していますか？

あなたが見ることができるように、私は両方の角を歪めようとしているので、これが可能かどうか誰かが知っていますか？

画像にカーソルを合わせたときに画像を回転させたい。次のコードを使用して回転させます。Buiが機能しません。...

Firefox4を使用しています。

IE8で変換とシャドウ効果を実行する方法はありますか？

ここに簡単なデモがあります。Safari のみです。http://jsfiddle.net/2late2die/8AJnD/ パース スタイルを削除すると、すべてのチェックボックスが正常に表示されます。を使用-webkit-transform-style:preserve-3dしても同じことが起こります (つまり、チェックボックスが消えます)。ラジオボックスにも適用されるようですが、入力要素には適用されません。

おそらくこれは Safari のバグですが、これに対する解決策がないことを確認したかっただけです。

画像をゆっくりズームしたい。私のアイデアは Webkit では非常にうまく機能しますが、Firefox では機能しません。誰かがそれを改善する理由または方法を知っていますか?