css-transitions

0熱

1答えて

イメージにトランジションを追加しようとしていますが、動作しません。ここにコードです。これが動作していないので、 .img-4:link, .img-4:visited{ background-image : linear-gradient(#blah,#blah),url(blah); transition : background 0.3s linear; }

0熱

1答えて

同時に動作しない2つのキーフレームがあります

私はトランジションで使用したい2つのdivsハットとキーを持っています。 div "hat"は動作しますが、もう一方は動作しません。私はdiv "ソックス"がうまくいかない理由を知らない。それは "帽子"と同じですが、それでも動作しません。 @keyframe pageExitRightプロパティを "right：40"から "left：40"に変更しようとしましたが、何も変更されませんでした。

0熱

1答えて

ショートコードのトランスフォームプロパティへの遷移

このコードを正しく書く方法が混乱していますか？オプション1： .line-all { -webkit-transition: transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); }

0熱

1答えて

反応コンポーネントでCSSTransitionグループを使用しているときに遷移がロードされない

react-transition-groupをプロジェクトに実装しようとしていますが、それも機能しません。私のアイテムは<CSSTransition />コンポーネントの中にラップされていますが、アニメーション化することはできません。誰かが私が間違っていることを理解するのを助けてくれますか？ありがとう。 # ProfileList.js import React, { Component }

0熱

1答えて

テーブルを使用したCSSの遷移

複数のテーブルが1つの行にあります。 1つを選択すると、1つ（現在は非表示になっています）の列が展開されます。選択を解除すると、ゆっくりと収縮します。 CSSトランジションで試してみましたが、セルにテキストがない場合、縮小は機能しません。 .column2 { background-color: #ddd; width: 0em; overflow: hidden; -webkit-tr

1熱

1答えて

ng形式のアニメーションは可能ですか？（AngularJS）

AngularJSのngスタイルの属性を使用して、option.heightと呼ばれる動的な高さにdivを設定しました。 <div class="rec" ng-style="{ 'height': option.height, 'background-color': option.color}"></div> ページが読み込まれるとき、以前のユーザー入力に応じて、高さは0pxから300pxの

0熱

1答えて

ng-classでトランジッションディレイが動作しない

ボタン上にフォントの素晴らしいアイコンがあり、fa-searchとfa-spinnerのアイコンがng-classで切り替わります（ユーザーが対応する入力に何かを入力すると、オートコンプリートが実行され、 AJAXリクエストやスピナーを表示する）： <button type="submit" class="btn btn-primary"> <i id="metasearch-icon"

0熱

1答えて

表示を設定するには：ブロックとトランジションの不透明度をReact？

私はintially display:noneを設定しているJSXで定義された背景レイヤの要素を持っている： <div id="naviBG" style={naviBGStyleClone} role="button" onClick={this.onCloseClicked} /> スタイル：クリックすると const naviBGStyle = { display: 'none

0熱

2答えて

CSSトランジションの逆順

私はメニューボタンと隠れリストを持っています。私はクラスを切り替えてドロップダウンエフェクトを作成しています。クラスが追加されると、ドロップダウンが開きます。ただし、クラスを削除すると、次のコードスニペットに示すように、移行がシームレスではありません。基本的には、トランジションが起こる順序を逆にすることですが、これをどのように達成するのかはわかりません。ありがとうございました。あなたはボタン