css-animations

8熱

1答えて

'before'や 'after'のようなcss keyframesアニメーションを擬似要素に使用することは可能ですか？私はスマートフォン用のWebサービスを開発しており、要素を点滅させたいと考えています。要素自体を点滅させたくありません。だから、私が思いついたのは2つです。 1つは要素を別の要素でカバーし、その要素を点滅させることです。ともう1つは擬似要素を使用することですが、動作していな

12熱

1答えて

CSS3のアニメーション中にWebkitのテキストのエイリアシングが変わる

これはファンキーなものです。そして、Chromeバージョン20.0.1132.57とSafari 5.1.7の問題であるように思われるので、Webkit関連のものだと確信しています。テキストで説明するのはほとんど不可能なので、私は問題を説明するために短いビデオをアップロードしました。ビデオ： http://youtu.be/0XttO-Diz2g ショートバージョン：CSS3アニメーションの間に

8熱

2答えて

animationEndがanimationNameを介して起動したことを検出します

複数のCSS3アニメーションが1つのdivにリンクされていますが、最後のアニメーションの最後のコールドにしか機能しません。アニメーションエフェクトを使用して前記の機能をトリガーできるようにしましたが、私が言ったように、最後のアニメーションでのみ実行するようにしました。 animationEndイベントをトリガしたアニメーションの名前を確認して、アニメーションの検出方法が終了しましたか？私は最後

14熱

1答えて

クロム21回転中のスケーリング要素

これは最新のChrome（21.0.1180.57）のバグだと思うが、私はここで二重チェックするだけだと思った。 javascriptを使用して要素の回転を変更し、回転をアニメーション化するためにWebkitトランジションを使用しています。時々、開始と終了の回転に応じて、要素は回転とともにランダムにスケールされます。私はここでデモを作った：http://jsfiddle.net/XCwUQ/（ボデ

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の機能を使って何が可能かを確認しました。ほとんどのものと同様に、私はネット上にリリースしました。私はそれが受け取ったサイトへの大量のトラフィックを期待していませんでした。私は友人や仕事の同僚からの意見をいくつか考えて

29熱

2答えて

フレックスボックスのインサートとアニメーションをアニメーションすることは可能ですか？

フレックスボックスからアイテムを削除すると、残りのアイテムはアニメーション化されるのではなく新しい位置に即座に「スナップ」されます。概念的には、アイテムの位置が変更されているため、移行が適用されると思います。私は、関係するすべての要素（フレキシボックスと子供）に移行プロパティはフレキシボックスへの編集（&削除を追加）をアニメーション化する方法はあります設定されていますか？これは実際に私とフレ

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

6熱

1答えて

特定の場所でCSS3アニメーションを開始するにはどうすればよいですか？

私はCSS3アニメーションを使用しており、アニメーションの特定の場所に移動したいと考えています。 CSSはこのようになります（と私はすべての適切な接頭辞を使用することをふりをする）場合には、例えば： @keyframes fade_in_out_anim { 0% { opacity: 0; } 25% { opacity: 1; } 75% { opacity: 1