keyframe

0熱

1答えて

私は画像を持っています。最後にdivを歩いて、横にフリップして逆にしたいというイメージがあります。私はcodepenをここに作成しました：https://codepen.io/jessiemele/pen/rGQWWE。 tinyWalkのアニメーションは、最後に向かって非常に弾力的になります。右に曲がって開始点に戻る前に、私はそれがdivの上部に当たっているイメージであると仮定しています。私はこ

3熱

2答えて

疑似キーフレームアニメーションが機能しない

私はキーフレームが初めてで、wordpressの疑似要素でアニメーションを実行しようとしています。私はそれが働いていない理由を解決できません。私は似たような質問やフォーラムを読んだことがあるが、役に立たない。私は実際には左右に動こうと思っていますが、テストするためにスピンキーフレームをつかみました。私がしようとしたコードは次のとおりです。私はそれが問題だったかもしれないと思ったし、疑似クラス

0熱

1答えて

私はアニメーションの速度を遅くしたい

ここで私は単純なdivをアニメーション化している私のコードです。しかし、問題は、突然点滅して縮小することがわかるように、Xがフルサイズに成長したときの速度を遅くしたいと思っています。誰かが私を助けることができますか？ html { background: black; overflow: hidden; height: 100%; }

0熱

1答えて

CSS - 要素のアニメーションを停止/開始しますが、他の要素と同期しています

私は苦労しているものはCSSアニメーションです。私は8枚の画像を持っていますが、あるものは回転しており、他の画像はグレースケールです。回転している画像の上をホバリングすると、元の位置（回転しない）で回転が終了して停止します。しかし、その上に、ホバーが終わるともう一度回転が始まりますが、同時に他の回転要素と同じ回転が始まります。これは可能ですか？はここでは、私がこれまで .kanto {

0熱

1答えて

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

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

0熱

2答えて

@keyframesアニメーションがfirefoxで動作しない55.03

Firefoxでこれを動作させることはできません。背景色、色、境界線を変更するメニュー項目のアンカーをアニメーション化しました。アニメーションは、MS IE、Chrome、Operaではうまく動作しますが、Firefoxではうまく動作しません。これは私のcss @keyframesです： @-webkit-keyframes button-flash { 0% {background

1熱

1答えて

@keyframesアニメーション（回転）と：ホバー（スケール）

@keyframesに基づいてcombinig CSSアニメーションに問題があります：回転効果：ホバー効果（スケール） - 誰かの助けが必要です。 'm新人 - それは明らかです）。アニメーション背景を作成したいと思います。 1.小さな記号/文字/アイコン（何でも）が動いています（そのうちのいくつかは回転しています。 Y軸） 2：ホバーするとき：彼らはまた成長している（しかし、まだ動いている）。

0熱

1答えて

変換SVG SMILアニメーションは

は私の現在のSVGは、SMILアニメーションに <svg viewBox="0 0 64 64"> <g> <circle r="5" cx="24" cy="0" transform="translate(32,32)" stroke-width="0"> <animate attributeName="fill-opacity" dur="750ms" value

1熱

1答えて

キーフレームとアニメーションをスライドさせて表示します。

私はkeyframesとdisplay: none;を使ってスライドダウンアニメーションでこのフィドルを見つけました。それは完全に動作します。どのように私は同じアニメーションを作ることができますが、スライドアウトとして、コンテナが消えたら？この現存するフィドルで何を変えなければなりませんか：https://jsfiddle.net/simurai/A9kWm/？現時点ではアニメーションは表示されま

0熱

1答えて

javascript/jqueryでスクロールする場合にのみブートストラップの進行状況をアニメーション化する方法は？

スクロールでブートストラップの進行状況バーをアニメートしたい（アニメーションをスクロールして再起動するたびに）。 Iveはstackoverflowで解決策を探しましたが、私がそれらを適用すると何も動作しませんので、スクロールではなくページロード時にプログレスバーはまだ動きます。私はちょうどjs/jqueryとkeyframesを使って、ライブラリを一切使わずにしたいと思っています。誰かがヒントを