css-animations

7熱

1答えて

スクロールするウェブサイトのようなものを作りたいと思います。私はthisのようないくつかのライブラリを見ましたが、もっと簡単な方法でそれを行うことができますか？このほかにおかげ $(document).ready(function(){ var lastScrollTop = 0; $(document).scroll(function(event){

0熱

2答えて

jqueryで2つの画像のアニメーションを作成

私はアニメーション化したい2つの画像があります。コードはここでスタックオーバーフローで改善されましたが、それでも私のためには機能しません。私は私のCSSとhtmlコードに何が間違っているのか分かりません。これは私のコードです： $(document).ready(function() { $(".animar").click(function() { $("#img

0熱

1答えて

GSAPを使用してFabric jsをアニメートしますか？

私はFabric.jsライブラリで少し遊んでいます。オブジェクトの変形の容易さと、より多くのものがそれに似ています。プラグインがあるか、またはGSAPを使用してファブリック要素をアニメーション化する方法があるのでしょうか？

3熱

3答えて

エレメントにCSSアニメーションが適用されているかどうかを検出する最も良い方法は何ですか

CSSアニメーションが完了したときにweb componentでイベントを発生させようとしていますが、ユーザがエレメントからアニメーションをクリアする可能性がありますanimation: none;意味transitionendイベント決して火災：常に // wait for dialog close animation to end before firing closed event ele

1熱

1答えて

バニラのjavascriptまたはcssを使用して境界線をアニメーション化する方法

border-bottomの色をグレーに設定し、transitonを.3sに追加し、 '：hover'エフェクトなので、色を青に変更します。問題はそれに関連しています。ホバー効果のある要素の上にマウスを置くと、境界線i（青色）が上から下に現れます（落下効果）。 this is it 今私のクライアントは、ホバーとの国境に左から右に出現する境界線が別のリスト項目のホバーに消えていくべきではありません

-2熱

1答えて

私はCSSアニメーションで自分自身を習熟していCSSアニメーション

に10秒の休止を追加し、フェードトランジションでコンテンツを/アウト切り替えるしようとしてきました。 Link to Codepen Example 私がアドバイスを探していますのはここです：私は、各テキスト要素を作成しようとしているではなく、私が持っている1秒間隔で、次に切り替える前に、10秒間残りますたった今。アニメーション遅延の設定を変更しようとしましたが、予想した効果がありませんでした。

1熱

1答えて

SafariオーバーレイされたアニメーションによるCSSの問題

私はテストしたブラウザでうまくいく簡単なカードフリップアニメーションを持っています。しかし、このカードフリップアニメーションがアニメーション化されている別のdivの上で発生すると、Safariに問題があります。 Safari上で何らかの理由でカードが反転したときに、「バックグラウンドdiv」の後ろに消えてしまいます。私はおそらくそれがz-index問題だと思ったが、私が試したものからはそうではな

0熱

1答えて

変換SVG SMILアニメーションは

は私の現在のSVGは、SMILアニメーションに <svg viewBox="0 0 64 64"> <g> <circle r="5" cx="24" cy="0" transform="translate(32,32)" stroke-width="0"> <animate attributeName="fill-opacity" dur="750ms" value

0熱

1答えて

アニメーションのCSSジッタを取り除く

誰かがCSSジッタを取り除く方法を教えてくれますか？ここ HTML：ここ <div class="carousel-inner"> <div class="item"> </div> </div> CSS：ここ .carousel-inner { position: relative; overflow: hidden; width: 100

0熱

1答えて

Chromeのmix-blend-modeプロパティによるアニメーションの遅れ

Chromeを起動してフルスクリーンモードで自分のフィドルを確認すると、アニメーションが遅くなることがわかります。ディビジョンは少し下がっていきますが、テキストは少し浮き上がっています。ブラウザのサイズを小さくすると、アニメーションがうまく再生されます。また、私のアニメーションはSafariで正常に動作します。 mix-blend-modeプロパティを含む.light-leaksクラスを削除すると