css-animations

0熱

2答えて

jqueryの複数のインスタンスで画像を移動する

私は、ページを前後に移動する必要がある画像を同時に持っています。私はそれらを一度に一緒に走らせることはできません。個々にはうまく動作します。私はそれらを一気に動かすために関数をどのように組み合わせることができるのだろうかと思います。 var homeWide = $('.container').width(); var width = (homeWide - "250");

jquery css css3 jquery-animate css-animations 2017-10-12

---

0熱

1答えて

キーフレームのアニメーションを1つにまとめる

私は画像を持っています。最後にdivを歩いて、横にフリップして逆にしたいというイメージがあります。私はcodepenをここに作成しました：https://codepen.io/jessiemele/pen/rGQWWE。 tinyWalkのアニメーションは、最後に向かって非常に弾力的になります。右に曲がって開始点に戻る前に、私はそれがdivの上部に当たっているイメージであると仮定しています。私はこ

css animation css-animations keyframe 2017-10-16

---

1熱

1答えて

トリガCSSアニメーション時にビューポートの要素

あなたの目に感謝します。 Javascriptは、ユーザがビューポート内に要素を持つまでCSSアニメーションを遅らせることを目的としています。あなたがそれを実行するとき、この要素を見るために下にスクロールします。あなたが十分に速く動くならば、それはスクロールするのを見るでしょうが、それは待っていません。 、 http://www.justinaguilar.com/animations/index

jquery css animation css-animations 2017-10-17

---

1熱

2答えて

多くのCSSアニメーションnth-of-typeセレクタを1つに結合する方法は？

<hr> html要素の大きなセットがあると、ページの読み込み時に色が次々と変化する必要があります。現時点ではアニメーションは機能しますが、htmlで新たに追加された各<hr>要素のために、CSSで繰り返し手作業を大量に必要とします。遷移間隔は次の<hr>行ごとに同じであるため、これをCSSでよりエレガントで短く記述できますか？ 目標は、CSSを毎回変更することなく、新たな時間要素を追加することが

html css animation css-selectors css-animations 2017-10-17

---

0熱

2答えて

ホバー状態がなくなっても遷移を維持する

私はdivコンテナを持っていますが、このコンテナにマウスカーソルを合わせると、2番目のdivの不透明度を0から1に変更することによって別のdivを表示します。私は2番目のdiv（私のコンテナをホバリングしたときに現れる）をクリックします。私はアニメーションをやっています。私が直面している問題は、アニメーションが開始され、同時にそのコンテナからマウスポインタを離すと、アニメーションもアニメーションを

html css css-transitions css-animations 2017-10-19

---

1熱

1答えて

特定のアクションでjavascriptを使ってcssアニメーションを実行

テキストエリア要素に自動拡張アニメーション効果のクラスを追加しようとしています。 デモ： http://jsfiddle.net/d0kmg7d3/15/ var tx = document.getElementsByTagName('textarea'); for (var i = 0; i < tx.length; i++) { tx[i].setAttribute('style'

javascript css3 css-animations 2017-10-20

---

0熱

1答えて

スクロールがそのウェブサイトでアンカーアニメーション

website link 後に動作を停止し、「SERVICES」に移動して、画像内の任意のマッピングをクリックします。指定されたアンカーに移動しますが、スクロールするには少し時間がかかります。これは画面が小さくなるほど悪化します。固定した領域からスクロールできるようになるまでの遅延時間はどのように取り除きますか？

html anchor css-animations 2017-10-20

---

0熱

1答えて

自分のウェブサイトにcodepenコードを使用する方法

自分のポートフォリオサイトを構築しています。自分のホームページに読み込みアニメーションを使用したいと思います。私はちょうどAdobe Museからコーディングパートに移行するようなコードを作成し始めていますが、アニメーションを読み込むためのこのcodepenポストが見つかりました。しかし、問題は自分のウェブサイトで使用することができないことです。

javascript animation css-animations loading codepen 2017-10-20

---

1熱

4答えて

CSS3アニメーションAPIまたはWebアニメーションAPIの変更を検出するにはどうすればよいですか？

css3アニメーションやWebアニメーション（Element.animate）の変更を検出するにはどうすればよいですか？ （私の悪い英語のため申し訳ありません！これはstackoverflowの中に私の最初の質問です） 私がMutationObserverについて知っている、それは（私はそれを使用してインラインスタイルを変更するので）私はrequestAnimationFrameのを使用している場

javascript animation css-animations mutation-observers web-animations 2017-10-22

---