3

ストリートビューでナビゲートするとき、Google はレンダリング中の画像に効果を適用して、その間をスムーズに切り替えます。以下の画像を参照してください。2 番目は、適用されているエフェクトを示しています。

画像 1 - エフェクトが適用される直前 画像 2 - 適用中のエフェクト 画像 3 - エフェクト適用直後

だから、私の質問は次のとおりです。これと同じ効果をアプリケーションに適用するにはどうすればよいですか? どうもありがとう！

4

2 に答える 2

0

私は本当にこれを解決したいので、少し概念実証を行いました

https://jsfiddle.net/SaulBurgos/k0k5h7uu/4/

    .widget-scene-canvas {
      transition: 1s -webkit-filter linear,transform 1s;
    }

   .googleAnimation {
     filter: blur(1rem);
     transform: scale(1.5);
    }

方法がわからないのは、矢印をクリックするか、モバイルでタッチしたときにトランジションを開始することです。

誰でもこのコードを改善できますか?

于 2017-06-16T17:23:37.983 に答える