transition

2熱

1答えて

私はVueJSを使用してチェスボードのコンセプトを開発しています。私はエルゴノミを改良しようとしている。私はプレイヤーのターンとポイント・オブ・ビューを変更するときに簡単にボードをマスクするカーテンの種類を行う必要があります。プレイヤー1幕が移動を開始ちょうど宛先ターゲット・四角をクリック画面の上から下へ（CSSクラス+変換：変換）ゲームモデルが更新され、ボードが表示幕が落ちるとプレイヤ

1熱

1答えて

vue transition-group - 両方の要素がmode = out-inで空き領域を予約しないようにする方法

leave要素が残されるまで、入力要素が表示されないようにするにはどうすればよいですか？（下の私の試みに問題がコンテナが同時に両方の要素を考慮して、背が伸びるしなければならないということである。しかし、外では、衝突のこの種を避けるために選ばれました） <div class="transition-wrapper"> <transition-group mode="out-in"

1熱

1答えて

アクティビティが破棄されたときにoverridePendingTransition（）を呼び出す方法は？

Androidフレームワークの可能性を最大限に生かすためにアンドロイドのデザインとAndroidの機能を調整してきました。私は移行を経験しました。私の質問はActivity's Destroyedのアニメーションを定義する方法です。 Intent intent_info = new Intent(ComponentsPage.this, SecondActivity.class);

0熱

1答えて

CSSトランジションの追加

Chromeで奇妙なCSS効果が発生しました（Firefoxでは発生しません）。ウェブサイトの要素の90％以上でトランジションを使用する必要があるので、私は* CSSセレクタで基本的にすべてにトランジションを追加しました。しかし、カプセル化された要素があると、奇妙な遅延が発生します。これは多く発生し、実際には迷惑です。これを解決する方法はありますか？グローバルに変換するのではなく、すべての要

1熱

1答えて

このようなCSSのみのボタンのコードは？このスタイルの周りには別の方法がありますか？

このボタンの方が優れていますか？私はこの正確なタイプのボタンを見つけようとしましたが、私はできません。これは、私が最初から正しいスタイリングについて考えなかったので、大幅にリファクタリングする必要がある非常に悪い試みです。のリンクまたはより効率的なコードが、これは単に散歩である（大幅を理解されるであろう私が希望しかし線のそのわずかこの正確な形式は、基本的に描かれ、ボタンの周囲に除去されるよう

1熱

3答えて

JQueryでsetInterval（）を使用して画像がちらつくのを防ぐにはどうすればよいですか？

のjQuery： var count = 3; setInterval(function() { if (count == 12) { count = 3; } count++; $('.desktop').css({'background-image': 'url(images/index_main_bg'+count+'.jpg)'})

0熱

2答えて

Webデザイン/ CSS：かすみテキストジッタホバー

の「アンぼやけ」であるとき、このjsfiddleをご覧ください：https://jsfiddle.net/heLwx9bz/ 私が移行して、「非ぼかし」にホバー上のいくつかのテキストをしようとしています。 blur(0px)に移行すると、テキストがちょっとジッターして、ジャンプして約1pxだけ残っていることに注目してください。それはなぜですか、どうすれば避けることができますか？ジッタは、プロパティ

0熱

1答えて

ハードコーディングの高さなしでVue.jsトランジションを使用するにはどうすればよいですか？

ボタンクリックで拡大縮小する必要のある要素を持つVueアプリがあります。エフェクトをアニメーション化する必要があります。私はこのために<transition>タグを使用していますが、CSSの要素のheightプロパティをハードコードしない限り動作しません。要素に動的データが含まれており、高さが変化するため、これは機能しません。ここでは私のコードです：ここでは <template> <i

-5熱

1答えて

どのようにトランジション効果を作ることができます

私はtransition効果のための助けが必要です。私はコードブロックを持っており、ホバーを追加したいのですtransition効果。どうしたらいいですか？ .mockup img { cursor: pointer; } .mockup img:last-child { display: none; } .mockup:hover