css-transitions

0熱

1答えて

私は最初からスライダーを作ろうとしていますが、これにはプラグインがあることは知っていますが、その背後にあるロジックを理解できるようにしたいので、私はそれを基礎から構築しています。最後のスライドに到達するとループしたい部分を除いては、ここは、これまでの私の仕事のペンです https://codepen.io/alexyap/pen/zwoRMy $(document).ready(function

0熱

1答えて

masonry.js - それらに遷移効果があるレイアウト項目

私は自分のプロジェクトでknockout.jsとmasonry.jsを使用しています。したがって、石積みの文書には、reloaditems methodを使用して、DOMの変更を石積みに適用することが示唆されています。アイテムにホバートランジションエフェクトを追加するまでうまくいきました。ここにis the code。あなたが押した後に見ることができるように、「より多くの負荷を！」ボタンは石

0熱

1答えて

リニアグラジエント（純粋なCSS）でアニメーションシーソー効果を実現

2つの異なる状態で直線勾配と高さを調整することで対角線の1つの要素が実現しました。今、私はこれらの状態を切り換えて、赤い三角形のスムーズな移行を試みます。それはシーソーのように見えます:-)問題は、ある州から別の州に向かって方向を変え、跳ね上がることです。私はそれを流暢にアニメーションする方法を見つける..私は純粋なCSSを使用してほしいものにする方法はありますか？トランジションを使って？ここで

0熱

1答えて

ボタンで遷移時間を変更するにはどうすればよいですか？

こんにちは、このコードはうまくいきますが、ラジオボタンを使ってアニメーションの速度を制御する必要があります。だから私は、変数を使用して0.5秒 -webkit-transition: all 0.5s ease-in-out; を交換する必要があるが、私は、変数の値を宣言するためにJavaScriptで、ボタンのいずれかで、それを実装するかどうかはわかりません。ご提案は大変ありがとうございま

0熱

1答えて

CSSスケール変換の容易さが機能しない

私はブログのアイコン上でこのスケール変換を行いたいと思っていました。そして、イージー・インは適切に機能していますが、簡単にはできません。私はいくつかのものを読んでいますが、どれもスケール・トランジションではありませんので、私はそれを私のケースに適用するのに苦労していました.. 私に感謝を助けるここに私のコードです： #avatar { margin:auto; margin-top:

0熱

1答えて

CSSトランジションを機能させるために、JavaScriptを使用して要素にクラスを適用するにはどうすればよいですか？

divで要素をマスクし、元の位置からビューポートの中心までCSSトランジションでアニメーション化するジェネリックJavaScriptコードを作成しようとしています。私は既に作業スクリプトを持っています。（コメント化されたコードの多くを、私はあなたがそれを理解することができます願っています。）私はスクリプトに従う主な手順は次のとおりです：下記のスニペットを参照してください要素を求めると取得そ

0熱

1答えて

ReactJSのプログレスバーは、私が3つのシーンのための私のウィザードで使用されているプログレスバーを構築する必要があり、私のアプリケーションでは

をアニメ化。私は、あなたが3に2及び2にステップ1から移動するとき、それがスムーズに実行、プログレスバー上のクラスを設定することで、スムーズな移行を追加しましたが、あなたが戻って移動するときの遷移がないとして、それはそれは滑らかに見えません後方に走る。この問題への私の質問は、ユーザーが以前にあった場所を知っている私後方にこのプロセスを行う、移行が滑らかさのために後方に動作する必要があり、ステップ

1熱

1答えて

CSS3マーキーは.marqueeコンテナ内のすべてのhtml要素を表示しません

私のCSS3マーキーエフェクトは必要に応じて機能しますが、<section id="updates_display" class="marquee"></section>に含まれるすべての要素を循環しません。私はASP.NET WebFormsを使用しています。私は<a></a>要素をPage_Initにレンダリングするためにデータソースに関連付けられたリピーターを使用します。緊急とチームのアッ

0熱

2答えて

CSSの回転が中心にない

私はホバー上を回転しているこのサークルを持っていますが、それは中心になく、なぜ（私は '変換元：センターの中心'を追加しましたか）わからないまた、 cssについてはごくわずかしか知りませんが、2つの連続したセレクタがある場合はどういう意味ですか？は、ここに私のコードです： #welcome:hover #welcomeavatar{ -webkit-transition: all 0.7