css-animations

5熱

2答えて

私は、divが時間とともに色を変える小さな背景アニメーションを作った。スムーズに動作しますが、100％になると、遷移なしで0％にまっすぐジャンプします。私はgoogleで検索し、アニメーションを行うさまざまな方法を試しましたが、アニメーションの場合は流体を再起動できませんでした。私には何が欠けていますか？ -webkit-animation: pulsate 20s infinite; a

6熱

1答えて

CSS3アニメーションの特定のキーフレームに移動するには？

のは、私たちがアニメーションここのように持っているとしましょう：http://jsfiddle.net/utterstep/JPDwC/ レイアウト： <div>back</div> <div class="animating"></div> <div>forward</div> と、対応するCSS： @keyframes someanimation { 0% { w

5熱

1答えて

コンテンツがビューにスクロールしたときにCSS3キーフレームアニメーションを有効にする

アニメーションをスクロールして表示する方法を理解しようとしていますが、私はJQueryプラグイン "Waypoints"を見つけましたが、私はそれを利用するスキルがありません。私はCSS3のキーフレームを使用して、ビューにスクロールされたときにアニメーション化しようとしています。私は画期的なものを作り、私が達成したいものに近いですが、それが私が望むところではありません。私は "bounceinri

5熱

1答えて

CSS3アニメーションで背景イメージをフェードインする方法

私は、各アイテムに、背景色の変更をホバリングし、テキストが透明になり、背景イメージを置き換えるitem1、item2などのテキストを持つメニューを作成しています。私はこのコードを使用してスタイルを出し入れしました。しかし、それは背景色ではなく画像でのみ機能します。ここで #nav li:hover { color:transparent !important; text-sha

6熱

1答えて

css3で要素を拡大縮小すると、どの遷移プロパティが変更されていますか？あなたは、CSSプロパティを使用する際に

どのCSS transitionプロパティは、実際に使用されます。 .selector { transform: scale(n); } 私はCSSで何かを拡大縮小時に値が実際に変更されている隔離しようとしています。これは機能しますが、私がしたくないすべてのものをアニメーション化しています。私は唯一のオブジェクトの高さ/幅アニメーション化する：代わりに「すべて」の .selecto

5熱

2答えて

は、CSS

私は純粋なCSSの次のGIFを再作成しようとしている中、ローディングGIFを再作成しようとする（MoのみでのWebKit /クローム）私は擬似セレクタの後に&の前に、円の欠落した塊を再現しようとしていますが、私は正しい角度を得ることができません。でも可能ですか？より良いアプローチがありますか？これまでのお役に立てありがとうございます。私は透明にするために矢印が必要であると指定したはずです。私

12熱

3答えて

遅いjQueryアニメーションが途切れているのはなぜですか？

私はこの問題を苦労しています。私が見つけることができるのは、高速であるがゆっくりと動作しているアニメーションです。私の質問は、長時間アニメーションをしたいが、やはりスムーズにしたいアニメーションに関するものです。私はこの問題を示すために、このjsfiddleを作成しました：http://jsfiddle.net/93Bqx/ 私は要素がゆっくり時間をかけて別の位置に移動しようとしています。しかし

10熱

1答えて

現在の@keyframes％/変更キーフレームの取得/設定

javascript、jQueryなどの手段を使用して、CSS3 @keyframesアニメーションの現在のアニメーションパーセンテージを取得/設定できますか？というと.spinと呼ばれるクラスがあり、単にspinと呼ばれるキーフレームを使用して円で回転しているとします。私はまた、オリジナルのアニメーションを変更することに興味が空を$('.spin').css('animation')、$('

6熱

2答えて

icomoonフォントを既存のicomoonフォントに更新するには？

フォントを既存のフォントに更新する icomoonからダウンロードした私たちのウェブサイトにはすでに5つのicomoonフォントが使用されています。私は2つのフォントを追加したい。私は何をすべきか？既存のフォントに新しい2つのフォントを追加できますか？「はい」の場合は、どうすれば追加できますか？

5熱

1答えて

FontAwesomeアイコンがアンカー内にアニメ化しないようにしました。

フォントワームアイコンをアニメーション化しようとしていますが、アンカーの内側にアイコンを置くと、クロムで動作しなくなります。私はFontAwesome 3.2.1 と、これは私のコードである Htmlの使用しています：私はFontAwesome 3.0.2でそれを試してみましたが、それが動作 .rotator { display: inline-block; -webkit-