css-animations

0熱

2答えて

最初の位置に戻らないキーフレームを使用しようとしています。つまり、左から右に移動しても左に戻ることはありません。コード div { width: 100px; height: 100px; background-color: red; position: relative; -webkit-animation-name: ex

0熱

2答えて

ホバー上の画像スクロール

div内の画像をホバー上にスクロールダウンしたいです。そして、その部分は働いています。また、画像が長くなり、そのためにトランジションの内部でcalcを使用しようとしていたため、スクロールが長くなるようにする必要がありますが、動作しません。 HTML <div class="preview"> <div class="previewimg"></div> </div> CSS私もそ

1熱

1答えて

ホバー上の滑らかなCSSトランスフォーム：高さ：自動

CSSトランスフォームを使用して、ホバー上を反転させたいと思います。仕事に、次のIを発見した：カード上のアニメーション吃音をホバリングするとき、しかし body { background: #f2f2f2; font-family: Arial, sans-serif; color: #000; padding: 20px; }

0熱

1答えて

応答性の文字間隔のホバーアニメーションを使用してHTMLページの4面にテキストを配置する方法

ウェブページの4つの側面に4つのテキストを配置しようとしています。これらすべてのテキストは、すべての文字を互いに区切るための行間を持ちます。一旦、ホバリングされた行の間隔は、通常のものに縮小され、中央に表示されます。 -------------------------- | top text | | | | v v| | e e| | r r

0熱

1答えて

CSSキーフレームの位置を無効にする

前のCSS @keyframeアニメーションを上書きしたい。まず、単語が右側から来て、中央にとどまります。ボタンをクリックするとすぐに、同じ単語が現在の位置から上に移動するようにアニメートされます。しかし、単語は全く動かず、単にその位置に素早くジャンプします。 https://jsfiddle.net/vpfd672g/10/ <button type="button" class="tes

0熱

1答えて

CSSの移行を途中で終了する方法（開始からの時間に基づいて）

CSSアニメーションを開始から数msで開始し、まだ起動することは可能ですか？transitionendイベント？ https://jsfiddle.net/Slava_B/4vLwtyxx/ EDITを開始するためのフィドル：早期停止前の期間と期間を遷移が右の移行開始前にJSで計算されています。実生活のケースでも、JSでインラインスタイルを適用することによって、遷移がトリガーされます。それが役立つ

2熱

1答えて

CSSキーフレームアニメーションで `アニメーション方向：反転 'が機能しないのはなぜですか？

animation-direction: reverseを使用してCSSキーフレームアニメーションをリファクタリングしようとしています。コンテナdivをクリックすると、jQuery経由でアニメーション（「アクティブ」状態に応じて前方または後方）をトリガーする「アクティブ」クラスが表示されます。順方向アニメーションと逆方向アニメーションは、キーフレームが逆の順序であることを除いてまったく同じものです

0熱

1答えて

CSSアニメーションが最初に失敗してから意図どおりに動作します

私は自分自身を単純なページで作業しています。それには専門分野のリストがあり、選択されるとその情報が下に表示されます。私が探している機能のうち、アニメーションは最初に読み込まれたときに動作しますが、他のすべてのセクションでは最初にアニメーションが表示されません。その後、アニメーションは問題なく表示されます。 @keyframes fadeIn { 0% { transfor