keyframe

0熱

1答えて

私はフレームワークとして角度4を使用します。私は、左側からセクションのshow hideをアニメートしようとしています。私は、コードの作品は完全に罰金表示 .help-section background-color #EDF6F8; width 300px display none; position relative; padding 20px

1熱

2答えて

キーフレームにパーセンテージを指定できますか？例えば

は、私がアニメーション化するテキストボックスの高さが可変であるため、100％ @keyframes example { 0% {height: 0px;} 100% {height: 100%;} } container { height: auto; //variable height animation-name: example; } を指

0熱

1答えて

CSSアニメーションがCSSキーフレームを通して一度ループした後に停止させるにはどうすればよいですか？

CSSアニメーションとキーフレームを使用して一度実行されるズームアウトエフェクトを取得しようとしています。ただし、ズームはループし続け、停止しません。一度ループすればどうすればいいですか？ header { height: 100vh; width: 100%; float: left; height: calc(100vh - 40px); po

0熱

2答えて

CSSキーフレームをアニメーション化して初期状態に戻す

私はSOの回答（question 1、question 2、question 2）を見てきましたが、まだ私のアニメーションが正しく動作するようにはできません。最初はきれいにアニメートする単純なキーフレームを持っていますが、animation-direction: reverseを使用するhidden classを切り替えると、要素をキーフレームの初期状態に戻すことができなくなります。私はショーの

0熱

1答えて

キーフレームアニメーションが動作しないのSafari

私は、CSSを使ってアニメーションを作成したが、以下にその .div { \t position:relative; \t width:250px; \t height:150px; \t background-color:gray; } .div:before { content: ""; position: ab

0熱

1答えて

背景のスライドショーのサファリ

私はホームページ用のスライドショーを作成しましたが、クロームでうまくいきましたが、何らかの理由でサファリのグラデーションの背景が表示されますが、画像は表示されません。 #hero-image{ background-size:cover; -webkit-background-size: cover; background-repeat: no-repeat;

1熱

1答えて

CSSキーフレーム - コンテンツが既に静的に表示されてからアニメーションが開始されます

私はキーフレームを使ってCSSアニメーションを自分で教えようとしていましたが、小さな四角形がドロップしてから、左から虹彩がはみ出し、8秒後に何かのテキストが表示され、レンタルグが小さな正方形（右）に戻り、小さな四角形が「細い空気」に上向きに後退します。もしあなたがこれが何であるか疑問に思っているのなら、私は生きている間に誰かが私を追いかけてテレビを見ている時に警報を発する。ここまでは私の努力のJS

1熱

1答えて

CSSのスピナーキーフレームのアニメーションIEでのぐらつき

私は、IEで「ぐらつき」のスピナーアニメーションに問題があり、ほとんどの場合、ボーダーをアニメートする代わりにイメージを使用している人がいますが、 imgはIEでの読み込みに時間がかかり、時間内に表示されないためです。（ウェブサイトはすでにリロードを開始し、何のスピナーがまったく表示されません。）ので、私は誰もが私の会社（以下）で使用されるコードの修正に別のアイデアを持っているかどうか尋ねると思

-2熱

1答えて

CSSキーフレームアニメーションスクリーンドア効果

このデモのコードをWebページに実装しました。https://tympanus.net/Tutorials/CSS3FullscreenSlideshow/index.htmlデモでわかるように、背景画像には、VRヘッドセットに表示されるようなスクリーンドア効果があります。私のウェブページでは少し悪化しています。おそらく、デモと比較してイメージが明るいからです。これはおそらくパフォーマンスを向上さ

2熱

1答えて

CSSキーフレームアニメーションからフリッカーを修正する方法

無限のキーフレームアニメーションとアニメーション遅延プロパティを使用して3つのボックスの不透明度（フェード）をずらすことを試みています。予期せぬ動作が発生しています.3番目のボックスが消えると、突然アニメーションが始まる前に淡く表示されます（「フリッカー」）。私はブラウザ間でこれを体験しています。可能であれば、疑似要素を使用したいと思いますが、このキーフレームのバグの修正方法はありますか？あな