css-transitions

1熱

1答えて

ボタンでSVCマークをトリガーしています。私がやっているのは、チェックマークをopacity:0;に設定し、ボタンをクリックしたら、クラスfadeInを追加し、不透明度をopacity:1;にすることです。私の問題は、不透明度が0に設定されてアニメーションが変更されていることです。完全なアニメーションは表示されません。 chechmarkクラスからopacity:0を取り出し、もう一度フィーリン

0熱

1答えて

アニメーションは、2つの連続したアニメーションを変換します。

私はdivバウンス（第1アニメーション）を作ってから、第2アニメーションを作ります。したがって、2つのアニメーションがあります。最初の1つはOKですが、divは最後の位置には移動しません。それを行うことができる方法 $(window).scroll(function(){ if($(document).scrollTop() > $(document).height() - $(win

1熱

1答えて

jQueryは、各カルーセルスライドごとに1つずつ機能を実行します。

各スライドが表示されている（アクティブな）ときに、視覚的効果を得るために、各カルーセルスライドに1つずつ機能を実行しようとしています。この関数はクラスに要素を追加しますが、ページの読み込みや3番目のスライド（既に追加されたクラス）では機能しません。 2番目のカルーセルアイテムで問題なく動作します。 $('#carousel').on('slide.bs.carousel', function()

3熱

1答えて

CSS4の解決策は0からautoに変わる？

私はCSS4の記事を読んでいましたが、見つけられませんでした。 CSS3では、移行が導入されたときに、JavaScriptを使用しなくても人気の問題の1つが0からautoに高さを変えていました。私たちはmax-heightソリューションを持っていましたが、その高さには正確なtransition-durationしかありません。その要素のautoが最大高さの2倍と言えば、顕著なジャンプが見られます

2熱

2答えて

なぜ私のCSSの移行は機能していませんか？

私はこの単純なコードを何百回も見てきましたが、トランスフォームプロパティはうまくいきましたが、トランジションプロパティが動作していないかのようにちょうどスナップしています。ここでは、変換プロパティを持つjsfiddleがコメントアウトされています。 https://jsfiddle.net/t8kbtjdy/30/ #testItem{ width: 100px; heigh

0熱

2答えて

ボックスシャドウのオン/オフの切り替え？

http://lucasdebelder.be/googledoodle/ ここはライブバージョンです。ポータルで見ると、周囲には光があります。box-shadow;私はそれをオンとオフにしたいので、ちょっと実感します。私はtransition: box-shadow ease-in-out;を追加しましたが、それは開始時にのみ行います、ページがロードされた後、ちょうど光っている。はここに関連

1熱

2答えて

CSS3トランジションボックスシャドーパルス

私は、ボックスシャドウだけがボタン全体ではなく脈動していることを確認しようとしています。経験は、ボタンがしっかりと表示されるはずですが、それが理にかなっていると、ボックスの影がフェードアウトします。私は、これは何が必要だと思う .gps_ring { border: 3px solid #999; -webkit-border-radius: 30px; heigh

0熱

1答えて

スムーズホバートランジション

特集記事の上にマウスを移動すると、さらに詳細なボックスが表示され、タイトルとテキストのボックスが画像上で少し上に移動します。今は突然表示されるのではなく、ゆっくりとした移行をしたいだけです。何か案は？あなたのスタイルシートにこれを追加するおかげ .homepage-news { \t width: 90%; \t margin: 0 auto; } .content-

1熱

1答えて

IE/Edge CSS3トランジションがバックグラウンドポジションのプロパティで動作しない

私はIEについて話していると知っていますが、はtransitionというより最近の（Edge？）バージョンで修正されています。 ...私は要素のbackground-positionを移行しようとしている（デモ下記参照）が、何らかの理由で、それはIEで働いていない： ' - （下のデモで、『私をクリックしてください』ボタンは隣接するテキストをハイライト表示する必要がありますが、IEではそうでは

1熱

1答えて

CSS：同じ要素に異なるアニメーションを適用するにはどうすればいいですか？

私は水のアニメーションを持っています。 keyframesにはcubic-bezier(1,.41,.74,.45)、もう1つにはcubic-bezier(.38,.8,.68,.09)が必要です。言い換えれば、同じ方法で最初に2回ループし、最後には異なる動作をする波が必要です。全体として、アニメーションには3つのループがあります（keyframe）。異なるキーフレームに異なるcubic-bezi