css-animations

1熱

1答えて

cssアニメーションは-moz-animationの省略形を得ることができますか？

私は、CSSアニメーションは、-webkit-アニメーションの速記を持って知っている： div {-webkit-animation: example 1s ease 0 2 alternate;} しかし、-moz-アニメーションはなかったようです：私たちはアニメーションコードの省略形を使用することができます div { -webkit-animation-name: example;

0熱

2答えて

.offアニメーション終了イベントをアンバインド

私はアニメーションメニューを作成しているので、前後にタブをスライド/展開して見ています。私はクリックされたタブにアタッチしているアニメーションイベントをバインド解除する以外はすべて動作します。ほとんどの場合、タブをクリックすると、リスナーがアニメーションの終わりに接続され、次のタブをクリックすると、以前にクリックされたタブにリスナーをバインド解除します。しかし、何らかの理由で.off関数を起動する

6熱

4答えて

マウスをホバリングしなくても実行し続けるCSS3のアニメーション（またはトランジション）をホバーすることができます

1つのリンクコンテナがホバリングしたときに展開するリンクリストを作成しています（詳細、画像、説明）。私はCSSのトランジションやアニメーションでアニメーションを作成することに問題はありません。問題は、マウスが離れた後でも拡張したままにしておきたいことです。そして私はjavascriptなしでそれをやりたいと思います。これは可能ですか？ありがとう！

0熱

1答えて

-webkit-transform-originの位置をどのようにマークすることができますか？

私はCSS3を使用してCSSアニメーションを作成しています。私はrotateXを使って画像を回転しています。私は原点の位置を何らかの形でマークして、回転点の位置が正確にわかるようにしたいと思います。どのように-webkit-transform-originの位置をマークできますか？私は、任意のソリューション、CSSまたはJavaScriptにオープンしています。

1熱

3答えて

悪いCSSの背景アニメーション

だから、私はここに示すように、いくつかのCSSアニメーションを使用して移動する背景（視差風）を入れたかった私はに取り組んでいるアプリケーションのために、今日の単純な起動ページに取り組んできました http://css-tricks.com/parallax-background-css3/ 私はここサンプル #BigWrapper{ -webkit-animation-name:

1熱

2答えて

AndroidのSafari MobileでアニメーションGIFを表示する方法はありますか？

私はネイティブAndroidアプリではなくウェブアプリケーションを持っています。ローディングアイコンとして使用するアニメーションGIFにはアニメーションが表示されません。私は他のサイトを閲覧しましたが、AndroidのSafariモバイルでアニメーションGIFは動作していないようですが、これが事実であることを文書で確認することはできませんでした。誰もがアンドロイドブラウザがアニメーションGIFを表

8熱

1答えて

CSS3アニメーションを合理化する@keyframes

数ヶ月前に私はアニメーションCSS3 AT-AT http://www.ruawebdesign.com/css3-at-atを作りました。私は主に学習実験として構築し、新しいCSS3の機能を使って何が可能かを確認しました。ほとんどのものと同様に、私はネット上にリリースしました。私はそれが受け取ったサイトへの大量のトラフィックを期待していませんでした。私は友人や仕事の同僚からの意見をいくつか考えて

0熱

3答えて

CSS-アニメーション/アニメーション方向/逆

#div { position: absolute; top: 50px; width: 100px; height: 100px; background: blue; -webkit-animation-name: shift; -webkit-animation-duration: 10s; -webkit-animation-iteration-count:

1熱

1答えて

CSS3キーフレーム私はここに私のリストをスライドさせるキーフレームを持っている5枚のスライド

を取りますjsFiddle HTML <div id="merch" class="block"> <h2>MERCH</h2> <div class="content"> <div id="merchContainer"> <ul class="merchItems"> <li class="merch small item1 first

1熱

1答えて

CSSアニメーションのスケールを使用する

私はCSS3アニメーションを使ってdivをスケールアップしようとしています。しかし、私はそれがどこにあるのdivの上側を維持したい。だから、私はdivの底部をスケールアップしたいだけです。これはどうすればいいですか？