keyframe

0熱

2答えて

私のウェブサイトの純粋なCSSとHTMLスライダーを試してみます。 this oneのようになります。写真だけでなく、ボタンやテキストも含める必要があります。だから、私は<div>と思った（以下のコードは、divsの動作を左から右に、そして右から左へスライドさせたときを示している）。そして、彼らが左側に現れ、隠れているとき、すべては美しいです。しかし、問題は彼らが右側に滑っているときです。次に、ス

1熱

1答えて

CSS3のアニメーションがInternet Explorer 11で正しく動作しない

CSS3のアニメーションはChrome、Firefox、Safariでは完璧に機能しますが、フルアニメーションの1つがアニメーションがないようにジャンプした後はIE11で完全に機能します。その後、それは再び始まります。 http://screencast.com/t/7KpNdnk7XX1w .main-circle { \t position: relative; \t height

0熱

1答えて

Javascriptでキーフレームの状態を変更するには

JQueryでダイナミックキーフレームの状態を変更したいと思います。私はそれを行うことができますどのようにdynamiclly Javascriptをで.. @keyframes moveItUp { 10% { top: 18%; } 20% { top: 16%; } 30% { top: 14%;

0熱

1答えて

iOS - CSSのキーフレームがアニメーション化されない、時々だけ

私は今、私のために小さなサイトを構築しています。ナビアイテムをクリックすると、古いコンテンツはフェードアウトしながら左にスライドします。新しいコンテンツは、フェードインして100％にズームしながら右からスライドする必要があります。（デスクトップ上のライブサンプルを見る）私のMacではすべてがうまくいっていますが、私のiPhoneではフェードアウトアニメーション（サファリ&クロム）だけが動作しま

0熱

1答えて

js/jqueryを使用しないキーフレームのアニメーションのトリック

js/jqueryを使用せずにキーフレームアニメーションをトリガーするオプションはありますか？私は考えました：ホバー、しかし、それは私の目的のために少し複雑になるでしょう。

0熱

1答えて

何を意味「@keyframeがカスケードしない」のでしょうか？

私はthisを読んでいた、それはアニメーションが複数のルールセットからキーフレームを導き出すことはありませんので、 @keyframesルールは、カスケードをしませんと言います。何「カスケード」ここで意味するのでしょうか？英語は私の母国語ではないと私はそれが何を意味するのか理解していないので、これ以上の詳細な説明がある。誰もが例でこれを説明できますか？

2熱

1答えて

CSSアニメーション - 100％で水平に回転するオブジェクトを作成する

CSSアニメーション（飛行猫）を作成しましたが、％99で位置を設定し、回転（transform: scaleX(-1)）を100％に設定すると、catは0％で回転を開始し、100で終了します％、私は99％と100％の間で猫を回転させたい。 @keyframes move-ass { 0% {left: -250px} 50% {left: 250px;} 100% {

0熱

1答えて

アニメーションバウンスプロパティは、Safariブラウザでは動作しない

@keyframes bounce { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20%{ -webkit-transform: translateY(0); transform: transla

1熱

1答えて

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

不透明度を使用してフェードインまたはフェードインするいくつかの要素（画像およびボタン）のアニメーションを作成しました。これは、Safariを除いて、すべてのブラウザで完全に機能します。私はSafariでそれを実行しようとすると、私のすべての要素がボタン要素から.. 例を参照するには任意のアニメーションなしで、100％の不透明度を持っています。ここは私のHTMLです： <div id = "cta