css-transitions

0熱

1答えて

私のページの "次"と "前の"関数のクラスを設定しました。私がしたいのは、もっと大きくしたいのと同じものです時間）。これはあまり明確ではありません。例：私のマウスはNEXTボタン上にありますが、この時点で私はこのボタンを大きくしたいと思います。つまり、それはより多くのスペースを必要とすることを意味し、それゆえ、他の要素（背中と上）は別に移動します。私はクラスではなく、IDでそれを行うことがで

-1熱

1答えて

殺された後のui通知のトレース

UIC通知のトレースを削除する方法ユーザーがボタンをクリックできないようにするこれらの通知ユーザーが再度ポップしてポイントするようになっても、。 [ 私のコントローラのコード $scope.loginForm = function(isValid) { // $window.location.href = '/home'; $scope.submitted = true;

0熱

2答えて

最大高さのアニメーション、他の要素の遅れ

ulの最大高さを拡大しようとしています。 MAX-heightプロパティは、クラスを切り替えることにより、（変更された場合、高さが直ちに変化し、それらが必要としてul下の要素はアニメーションの高さを尊重する。 var expander = $('.skill-expand'); var skillsUl = $('.skills-list'); expander.on('click',

0熱

3答えて

ホバーにimgを書く

ホバー中に画像上に説明文を入れたいと思います。それを行う最善の方法は何ですか？ jsが必要か、CSSソリューションがありますか？スニペットで代わりにdivを私は円形の形状で画像を持っています。 imgをホバリングすると、例のように少し大きくなります。ありがとうございました。私の悪い @mehulmpt .circle{ width: 150px; height: 1

0熱

1答えて

変換とCSSのアニメーションを組み合わせる

アニメーションでCSS変換を行うことは可能ですか？私は右をスクロールし、スライダーを左にアニメーション化するために正常に動作しますが、私は1 に不透明度0からアニメーションにいくつかのフェードを追加したいと思い、このtarnsform transform: translate(-10%, 0px); left: 0px; を持っています

2熱

1答えて

<i>要素をホバリングコンテナdivに使用する

私はかなり単純な効果を得ようとしていると思います。私は4つのアイコンを持つメニューを持っており、ホバリング時に右にスライドするように説明したいと思います。私はdivで最初のdivの終了タグの後に来て、私は+を試しましたが、何も起こっていないので、私はCSSでこれを行うことができるか分かりません。 display:flexに問題がありますか？私はそのことに慣れていないと言わなければならない。あなた

1熱

1答えて

オフスクリーンからのモバイルメニューのスライド - オーバーフローの問題

次の簡単なデモを考えると、私はtranslateXを使用して画面外に配置されたメニューがあるところで、望ましい動作を達成するのに苦労しています。身体にoverflow: hiddenを設定すると、まずメニューが表示されず、メニューが開いているときに空白が表示されるだけです。私がoverflow: hiddenを削除した場合、translateXの動作のためにユーザーが身体の幅を越えてスクロール

0熱

1答えて

CSSホバーアニメーションを自動アニメーションに変換する

私のウェブサイトのロゴを照らすコードを書いています。ロゴにマウスを置くと機能しますが、ウェブサイトをロードするときに無限にアニメーションを自動再生します。私はキーフレームを使用しますが、動作しません。私は混乱しています。私のCSSコード： @import url(https://fonts.googleapis.com/css?family=Raleway); html{ f

1熱

1答えて

このcssカードのフリップトランジションを修正するにはどうすればよいですか？

私は2つのdivを親で作成しようとしていますが、1つのdivは前面のクラスで、もう1つのdivは背面のクラスです。私は後ろのものを裏返して正面のものの下に置くようにしています。したがって、親を裏返しにすると背面に表示され、正面に戻ったときには、取り除かれたときに反転する3次元のカードが作成されます。しかし、背面が前面と重なっているところでは、正面または背面から見ても前面は見えます。私は背面の視認性

2熱

1答えて

perspective（）の問題はパースペクティブで修正されましたか？

私は視点を使用していた私はフリップアニメーションを持っていた、私はぶら下げられたときに反転するシンプルなカードを持っています。私の理解から、perspectiveプロパティとtransformプロパティperspective（）は、perspectiveがparentに適用され、その子にレンダリングされ、perspective（）がperspectiveを持ちたい要素に直接適用される以外は同じです