css-animations

2熱

2答えて

十分に簡単な質問：は（すなわち:hover、:active、など）擬似セレクタを経由してアニメーションをトリガーすることは可能/適切ではないだろうというとき、CSSトランジションを活用することが可能ですか？私の使用例は、フォームの提出後に何かをアニメーション化したいです。私はのような何かを行うことができるだろうと考えた：は .success_message { ...transition st

0熱

2答えて

ウェブキットアニメーション

CSSウェブキットアニメーションには非常に新しく、それを学ぶことに非常に熱心です！そして、無知もたくさん！質問のカップル： CSSウェブキットのチュートリアル/チュートリアル/公式サイトは何ですか？ WebkitをCSSファイルにインストールするには、その前にWebkitをインストールする必要がありますか？ありがとうございました！パリジャット

0熱

1答えて

複数の繰り返しの間に1回繰り返した後にCSS3アニメーションを一時停止する

CSS3を使用してうまく見えるドロップダウンメニューを作成するために、私はアニメーションを使用してスタイルを設定しました。私は、ドロップのタイミングをより詳細に制御できるように、トランジションの代わりにアニメーションを使用しました。私はこれがもっと審美的に楽しいと感じています。しかし、アニメーションを使用してトランジションを使用する場合、逆のプロセスがアニメーション化するのがずっと難しくなるという

2熱

1答えて

CSS3のキーフレームをグループ化する

私は、以下の同じコードを単純に昏睡で区切って達成できないことを認識しました@keyframes mymove, @-moz-keyframes mymove, etc..。彼らが働くためには、以下のようにそれぞれ別々に宣言する必要があります。これらをグループ化してこのコードを短くする方法はありますか？ @keyframes mymove { from {top:0px;} to {top:

33熱

3答えて

CSS3 - DOM削除に関する遷移

keyframesを使用すると、DOMに挿入するとすぐに要素をアニメートすることができます。 @-moz-keyframes fadeIn { from {opacity:0;} to {opacity:1;} } @-webkit-keyframes fadeIn { from {opacity:0;} to {opacity:1;} } @k

0熱

1答えて

ぎこちなさを避けようとしているCSSアニメーション

私はケン・バーン・エフェクトを作りました。問題は、ユーザーがタッチスクリーンデバイス上の画面をスクロールすると、アニメーションが急になることです。私はスクロールでアニメーションを一時停止することでこれを修正することができますが、修正していない可能性があります。アニメーションは、ユーザーがスクロールするまでは問題ありません。私はフィドルを設立しました。 http://jsfiddle.net/gx

7熱

4答えて

グラデーショングラデーションを使用したCSSトランジション

私はCSS3でアニメーション/トランジションについて学んでいますが、このコードではトランジションは機能しません...なぜですか？ HTML： <div id="test"> </div> はCSS： #test { background-color: #333; background-image: -webkit-linear-gradient(top, #333, #6

16熱

1答えて

CSSのアニメーション：Chromeでは動作しますが、Firefoxでは動作しませんか？

回転アニメーションでは、Chromeでは動作しますが、Firefoxでは動作しません。どうして？ 0の時間値は単位がない限り @-moz-keyframes rotate { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-webkit-keyframes