css-animations

6熱

2答えて

私は無限のCSS3アニメーションに問題があります。アニメーションが終了すると、しばらくは減速します。アニメーションタイミング機能：線形; 何かが間違っています。問題が何であるかを知る手助けをしてください。どこに解決策がありますか。テストケースは、Webkitのみで動作します。テストケース1（ボックスサイズのアニメーション）： http://jsfiddle.net/F2UuU/1/ テス

1熱

2答えて

CSS3の背景色がChromeで動作しないアニメーション

私はcss3アニメーションを使用して要素の背景色を変更しています。ただし、Chromeでは動作しません。私は使用しているコードのjsFiddleの例を添付しています。 Firefoxでは動作しますが、Chromeでは動作しません。私の最善の努力にもかかわらず、問題の内容を解決することができませんでした。クロムは、背景色のみの参照を無視しているようです。アイテムを移動したり、エレメントに他のエフェ

32熱

3答えて

私のページでCSSアニメーションを使用していて、アニメーションの実行中にSafariが関連性のないフォントウェイトを変更しているようです。なぜこのようなことが起こるのか？他のすべてのブラウザはうまく動作し、Chromeのようなウェブキットが含まれます。私はここで、ビデオのバグの詳細ました - http://airport-r7.appspot.com/が、それは、急速に変化し続けるかもしれない

47熱

3答えて

CSSアニメーションのプロパティはアニメーション後に残ります

完了後もCSSアニメーションのプロパティを維持しようとしていますが、これは可能ですか？これは、ページ上のユーザーランドは、3秒（または何でも）した後、それがアニメーションにし、一度フェードインする必要があり持っていたときに要素が隠される必要があります...私が達成しようとしているものをですそれがそこにとどまるべきである完了した。ここでは...それはこのようになり、私はjQueryを使ってこれ

0熱

1答えて

モバイルGmailのページ遷移はどのように機能しますか？

私はモバイルGmailのかなりスムーズなページ遷移、https://mail.google.com/mail/muが本当に好きです。これはどのように行うのですか？彼らが使っている図書館はありますか？私は自分の周りを見ていましたが、それは明らかではありませんでした。ヒントは高く評価されるだろう。

3熱

1答えて

モバイル画面でスクロールするとmobiサイトのアニメーションが停止する

JavaScriptを使用してモバイルサイトにシンプルな視差効果を加えようとしています。デスクトップブラウザからチェックするとうまく動作します。その時間にタッチを使ってモバイルデバイスとスクロールから確認すると、アニメーションがフリーズします。タッチスクリーンを放した後に再び表示されます。タッチスクリーンを使用してスクロールするとアニメーションを維持する方法はありますか？まあ、タッチスクリー

22熱

2答えて

アニメーションの後にスタイルを保持する方法は？

私は、次回の研究を申請するときに、ポートフォリオで働いています。私たちは2012年に生きているので、ファンシーなアニメーションやCSS3のジャンクがあります。私は現時点で少し問題があります。これは、特定の要素のごく一部です： /* This is the CSS of the elements with the id called 'fadein' */ #fadein { -mo

21熱

4答えて

サファリでCSS3アニメーションが動作しない

サファリ以外のCSS3をサポートするすべてのブラウザで完全に動作するCSS3アニメーションが少しあります。奇妙じゃない？ [OK]を、ここに私のコードです： HTML <div class="right"> <div class="key-arm"><img src="images/landing/key-arm.png" alt="arm" /></div> </div> CSS

0熱

1答えて

テキストの装飾の変更がCSSアニメーションに表示されないのはなぜですか？

コンソールUIをHTMLでエミュレートしたいので、テキストの下にアンダースコアが点滅する必要があります。私のアプローチは、アニメーションを持つアンダーブリンキングにクラスを配置することです。色のサイクル、テキストの表示と非表示が下線は表示されません。どうして？ CSS： @-webkit-keyframes underblink { 0% { text-decoration: no

2熱

3答えて

jQuery - CSSアニメーションが100％ヒットするときを教えてください

アニメーションがjQueryでアニメーションの100％をヒットするときを知る方法はありますか？ {0%{-xxx-transform:translate(0,0);} 100%{-xxx-transform:translate(-500px, 300px); opacity: 0.1;}