css-transitions

0熱

2答えて

こんにちは、私のCSSの欠けている部分を設定するのは苦労しています。ホバーアウトのアニメーションはホバーインと同じではないので、ここでフィドルリンクありがとうございます。 [https://jsfiddle.net/m2Lz4euv/][1]

1熱

1答えて

CSS translateYは、親要素の後ろにスライドします

私はtransformYを使用して、ヘッダー内のリンクをクリックしたときに要素のスライドをアニメーション化しようとしています。私が抱えている問題は、表示されている要素がいくつかのレベルの深さでネストされていることです。これが問題の原因になっていると思います - 親要素の背後からスライドする要素が必要です。 z-indexの設定は、このコンテキストでは機能していません。私は以下のJSフィドルを作成し

0熱

3答えて

リンクはスタイル推移か訪れないとき

私の質問は、なぜ、メニュー内のリンクは、ホバリング時にスタイルや訪問されていませんさ。このプロジェクトの唯一の特色は、メニューがヘッダーの内側にあることです。それは、ホバーオーバーされたときに表示されるだけです（私は、より良い方法を知らない、「ホバーブルな」目に見えないdivを作成しました）。私は、2つの "ホバー"状態（？）の間に何らかの種類の競合があると推測しています（？）リンクを含むヘッダー

0熱

1答えて

Img属性がCSSアニメーションの最後に残っていません

テキストを含むDIVの上に雲のイメージを浮遊させるアニメーションを作成したいと思います。私は雲がX軸に沿って平行移動し、その不透明度が0.95に0.2から調達している。.. をほとんど私が欲しいものを行い、このスレッドcss3 transition animation on load?に従っています。 @keyframes animnuage { 0% { transf

2熱

2答えて

遅延アニメーションをどのように元に戻すことができますか？

JS Fiddle 私は正方形を持っています。ホバリングすると、10ピクセル下に移動してから回転します。ホバリングから降りるとき、私はそれが戻って回転することを望みます、そして0pxに戻ってください。残念ながら、逆の順序でアニメーションを実行しません。だから、それが必要、ホバー上：移動10pxのダウン。 45度回転します。そしてホバーオフ：は戻っ0度まで回転させます。 0pxの元の位置に

0熱

1答えて

フォームをクリックすると異なる色が表示される

入力をクリックすると、テキストと境界線がグレーから白に変化するフッターのフォームを作成しました。 Code Pen HTML： <div class="footer"> <div class="footerContainer"> <form> <input type="text" class="name" placeholder="Name"/> <in

0熱

1答えて

固定ヘッダーとクリック機能を調整する

私は固定されたdivをアンカーでクリックすると、ページ上の領域にジャンプします。ページがジャンプするときに本文が固定されたdivの下にあるため、移動先は固定ヘッダーでオーバーラップします。ジャンプ先の要素は、データ属性を使用してタブを切り替える。ジャンプクリックイベントが発生したときにパディングを動的に追加しようとしましたが、タイミングの問題がありました。それを克服するために、私はsetTime

-1熱

1答えて

ヘッダーの移行

ここは私のウェブサイトであり、ヘッダーの移行に関する問題があります。下にスクロールすると、ヘッダーメニュー（背景とメニュー項目の両方）に遷移がありますが、上にスクロールすると背景だけが遷移します。 https://jsfiddle.net/CRooY3/dxpx8m9z/ header { width: 100%; height: 150px; position: