translate3d

0熱

1答えて

x axで画像を移動するのは簡単ですか？私がtranslate3d（-20px、...、...）を中和すれば、それは私のために働く。地図をズームまたはドラッグすると、地図がリセットされます。私は絶対的なコンテナを持っており、この2つの要素を並行して表示したいと考えています。 My example: http://jsfiddle.net/user9090900/fs8h21ap/

0熱

1答えて

移行を開始する前にモバイルSafariを一時停止しないようにする方法

これは奇妙なものです！概要：私は、Webアプリケーションを作成していると私はあなたがFacebookアプリで見つけるだろうものに類似したメニューを作成しました。右にスワイプすると、左に隠れて見えます。私はtouchmoveとtouchendイベントをバインドも指プレスの開始点を記録し、この時点では、ページの本文へtouchstartイベントを結合することによって、これをやっています。タッチ移

8熱

2答えて

translate3d（）jQueryのホバー/クリックイベントが正しく発生しないようにする

異なるCSSのアニメーションタイプでjQueryマウスイベントを解析すると、translate3dがホバーやその他のイベントを正しく発生させないことに気づいています。基本的な例では、ブロックのリストを右から左にアニメーション化しています。ロールオーバー時に、ホールドされたLIの背景を緑色に設定しています。注：テストはWebKitのために構築されている HTML <div class="con

2熱

1答えて

translate3dはcss3アニメーションでよりうまく動作しますか？

私はスムーズにウェブを検索して時間を費やしています。アニメーション。 translate3d プロパティを使用して、以下のような要素プロパティを設定すると、自動的にハードウェアCPUアクセラレーションがトリガーされるのは間違いですか？ .someclass { /*does it trigger hardware cpu acceleration*/ transform: t

0熱

1答えて

3d translate3dと奥行きマップを使った似顔絵チルト効果

ホバー上で2次元画像をアニメーション化して3d（ish）にする方法を探しています。ここには良い例があります：http://www.alexandrerochet.com/about カーソルを動かすと、画像が傾き、幾分3d（ish）に見えます。コードを読み込もうとしましたが、対応するスクリプトが見つかりませんでした。これは、深さマップを提供する第2の画像を使用して作成される。誰かが私を正しい方向

1熱

1答えて

css、translate（）vs translate3d（）support

誰かにとってはかなり簡単な質問です。私のウェブサイトのCSSでは、私はtranslate3d()を使って素晴らしいアニメーションを作りました。問題は、これらのアニメーションはすべて2次元であることです。適用可能な場合はGPUレンダリングを利用するために、私はちょうどtranslate3d()を利用しています。 transform: translate(50%, 50%);は、GPUブーストせずに、

0熱

3答えて

このCSS Translate3dアニメーションJankyはなぜですか？

ハードウェアアクセラレータのプロパティtransform: translate3d();を使用しているこのCSSトランジションのパフォーマンスがスムーズに動作しない理由がわかりません。おそらく要素が絶対的に配置されているからでしょうか？私はなぜ、どのように修正するために、誰かが私に説明していただけますか？... CodePen Link を知りませんかChromeの開発ツール - >タイムラインを

0熱

1答えて

translate3dでZ-インデックスを使用したレイヤー

ブラウザでレンダリングするにはどうすれば<div class="child-above">を<header>にすることができますか？私のスタイルでは、translate3dとz-indexのプロパティの間に衝突があります。理論的にはtranslate3dを.wrapper-scrollから削除するだけで十分ですが、私は自分のウェブサイトで使用しているSmooth Scrollbarで設定された

0熱

1答えて

なぜcss translate3d transformは相対配置要素として動作していますか？

以下のフィドルでは、<a>タグのLOGOは、layoutDiv div内に絶対配置されています。-webkit-transform: translate3d(0,0,0); cssが 'modern'クラスで適用されています。 https://jsfiddle.net/gurumvg/ubj98j6d/4/ layoutDiv DIVは<a>タグロゴが絶対w.r.t layoutDiv DIV代わ

7熱

1答えて

iPad 2 Safariはpixellated htmlのテキストと画像を表示します

iPadとiPhone向けにHTML5 + CSS3アプリケーションを開発しています。アプリはiPad上ですべて正常に動作しています& iPhoneの場合、iPad 2は起動時にピクセル化されたhtml domオブジェクトを表示します。アプリはタッチとジェスチャー用に設計されています。私たちは、スクロールするオブジェクトのハードウェアアクセラレーションにtranslate3Dを使用しました。