css-animations

0熱

2答えて

私はposition:fixed; width/height:100%; overflow:autoの親とposition:fixedの子を持っています。親のコンテンツがオーバーフローして親がスクロールを開始すると、ビューポートに関連して子供が固定されたままになると思います。それはしません。シナリオは、cssトランスフォームを使用してコンテンツの上にスライドするダウンパネルです。スライドダウンパ

1熱

1答えて

フェードは右CSS

を使用して文のすべての単語私は図Bのようにここでは、最終的なCSSにのみアニメーション効果を実現したいが、私のコードです： http://codepen.io/catch_up/pen/bpqexg?editors=1100 HTML <div class='programming my-anim-parent'> <span class='my-anim'>Hello!</span

-2熱

1答えて

CSSをアニメーションが不透明で歪んだテキストのためにぼやけてしまいます<1

CSSアニメーションによるぼかしを扱うトピックがたくさんあることは知っていますが、動作しません。私は私の正確な問題のミニマリストのセットアップを示すcodepenを作った： Codepen 基本的に、私は10度スキューされた不透明度0.95とdivを持っている、そしてその内側の内容によって歪めています - 10度（直立しているように）。このコンテンツの中には段落が一番下にあります。その上にマウス

0熱

1答えて

CSSアニメーションスイングエフェクト

私はこの本当に面白いCSSアニメーション効果を見つけました。しかし、私の知識だけでは問題がどこにあるのかを知るには不十分です。誰かが私を助けることができるなら、私は本当に感謝します。前もって感謝します。 PS：私のアイデアは、スイングを開始するには、divをホバーすると、本当に簡単です。 @-webkit-keyframes swing { 20% { -webkit-

1熱

1答えて

はUI-ルータの状態変化をアニメーション：アニメーションは、現象のplunkerです。ここ

を終了したときにdivが簡単に再表示されます：http://plnkr.co/edit/xLfXyDcwKtHPM7Sdhygf?p=preview は恐ろしいレイアウトを無視してください。「ログイン」をクリックすると問題が明らかになります.FadeOutDownアニメーションが起動すると、divはページの一番下に向かって忠実に進みますが、アニメーションが終了するとすぐに元の位置に短時間表示され

0熱

1答えて

フェードイン/アウトディレイ付きCSSスライドショー

フェードイン/アウトエフェクトを行うキーフレームで3つの画像をアニメーション化したCSSスライドショーを作成しました。これまでのところ、とてもうまい。しかし、スライドショーの2番目のループにアニメーションに問題があります。私のベストを説明するつもりです：最初のループアニメーションは完璧に動作しますが、最初のイメージが再び戻ってくると、避けたいすべてのスライドに白いフェードがあります。なぜ最初の

2熱

1答えて

AngularJSは一時的にアニメーションを無効にします

私はかなり複雑ですng-repeat。表示される項目の数は、2つのボタンで制御できます。最初のボタンは、フィルタを使用してng-repeatから1つの要素を削除します。第2のボタンは、多数の要素を削除し、（フィルタを使用して）他の要素の束を表示します。私は現在、このようなNGリピート上のアニメーションを持っている： <style> .animation { -webkit

1熱

1答えて

CSS3のアニメーションがInternet Explorer 11で正しく動作しない

CSS3のアニメーションはChrome、Firefox、Safariでは完璧に機能しますが、フルアニメーションの1つがアニメーションがないようにジャンプした後はIE11で完全に機能します。その後、それは再び始まります。 http://screencast.com/t/7KpNdnk7XX1w .main-circle { \t position: relative; \t height

0熱

1答えて

CSSを使用してmouseoutで元のサイズに縮尺を変更

私は、キーフレームを使用してマウスオーバー時にdivの無限大を作成し、縮小します。下のリンクからわかるように、親ボックスはサイズを大きくし、子divは拡大縮小を開始します。親divがスケールダウンする前に、マウスのアウトにしたいと思います。子divは、通常のサイズにスムーズに戻ります。ここでわかるように、滑らかさを伴わずに突然元のサイズに戻ります。私のキーフレーム： @keyframes

1熱

3答えて

アニメーションプロパティが指定されると、要素の遷移が失われる

このHTML要素は、クリックしたときに素晴らしいトランジション効果を持ちました。しかし、animationプロパティを持つ別のクラスを追加すると、移行が失われました。デモを見てください：http://codepen.io/kunokdev/pen/rewveJ <div class="main-menu-item zoom-in-entrance"> Test </d