エントリーの編集
![loading...](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/common/loading@2x.gif)
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
jQueryのfadeIn、fadeOutのアニメーションがちらつく
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
![アプリのスクリーンショット](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/entry/app-screenshot.png)
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
jQueryのfadeIn、fadeOutのアニメーションがちらつく
jQueryでfadeIn、fadeOutのアニメーションをしたときに、ちらつく現象について。 アニメーションはイー... jQueryでfadeIn、fadeOutのアニメーションをしたときに、ちらつく現象について。 アニメーションはイージングの設定によって見た目が代わりますが、一番基本のlinearでもちらつきます。 「ちらつく」というのがどういう現象かというと、本来は透明から不透明に少しずつ現れていってほしいのですが、透明状態から一瞬濃い状態になり、また薄い半透明になり、それからアニメーションがスタートする感じ。 言ってみれば、フェードインがスタートする前に、ちょっと見えちゃうんですよね、一瞬。 この一瞬見えちゃうってのがすごくカッコ悪い。 っていうか、もうチカチカして、一目見て不具合!って感じ。 で、原因はというと、CSSのtransition設定とぶつかっていたのでした。 transition設定をしている要素に対してfadeIn、fadeOutをすると発生する現象のようです。 いやー、ちょっとハマっ