animate.css

0熱

1答えて

fullpage.js：direction = up/direction = downの2つの異なるアニメーションを使用する

私はfullpage.jsとanimate.cssを使用していますが、私はアニメーションをダウンさせるときに一度しか動作させることができません。逆のアニメーションや何かアニメーションを上または下に移動したいのですが。基本的に私はセクションに入るたびにアニメーションが消えて欲しいです。私はちょっとこれで新しいですので、私は少し助けが必要です！ //animation section1 AFTE

2熱

4答えて

animate.css - jQueryを使用して複数のdivで複数のdivを切り替えます。

3つの異なるdivを持つ3つの異なるボタンがあり、それぞれが同じ場所で該当divを切り替えます。 2つのことをしようとする。ときにアクティブ私は背景色を追加できるように相対.app-divが表示されているとき.app-iconボタンのクラスを追加します。同じ.app-divを開いて閉じたときにanimate.cssエフェクトを追加すると、divが消えたときに突然消えずにスライドします。 HTM

0熱

1答えて

スワイパーコールバックとJqueryを使用してスライドショー内の要素をアニメ化する

最近Swiper.jsを取り上げました。私はスライドショーをすることにしました。これらは素晴らしいです。今度は、すべてのスライド内の要素を別々にアニメーション化したいと思ったので、Swiper.jsによって提供されたコールバックを使用するのが最良の方法だと思いました。非常に最初のスライドはうまく動作しますが、次のスライダに移動する（または最初のスライダに戻る）と、アニメーションが不安定になるよう

1熱

2答えて

ngAnimateとanimate.cssで子要素をアニメ化する

私はAngular 1.5を使用するアプリケーションを持っています。単純なアニメーションを処理するにはngAnimateとanimate.cssを使用しています。私は子要素をアニメーション化し、ng-ifを介してng-enter/leaveがその親に適用される必要がある問題に遭遇しています。ここでは私のマークアップです：ここでは <div class="parent" ng-if="vm.sho

0熱

1答えて

Animate.css単語の一文字

animate.cssを使用して単語の1文字をアニメートしようとしています。アニメートはある範囲では機能せず、このテーマに関する良い情報は見つかりません。 animate.cssを使用して単語の1文字をアニメーション化するにはどうすればよいですか？あなたはこのアニメーションのブロックレベル要素を必要とする .animated { \t -webkit-animation-duration:

0熱

1答えて

スクロールダウン時のヘッダーの非表示/スクロール時の表示

このスクリプトはほとんどうまく機能していますが、何らかの理由でスクロールアップしたときにヘッダーのリッパーが2秒後になります。どうして？私はそれを理解することはできません。ここでは、元のスクリプトをここに私の例 https://jsfiddle.net/wg8zv95f/ であるhttp://jsfiddle.net/mariusc23/s6mLJ/31/ $(document).ready(f

-5熱

2答えて

ループ内の背景画像を移動する

[ウェブサイト] [1]と同じように、ページの対角線上に背景画像を移動したいのですが、「ウェブサイト開発者」、「SEOコンサルタント」、この効果を達成する方法を提案してください。

2熱

1答えて

ReactCssTransitionGroupとanimate.cssを統合する方法は？

私はanimate.cssを反応遷移グループと統合しようとしています。はい、私は既にそこに一つの質問があることを知っています。しかし、これ以上の作業はありません。これは <ReactCSSTransitionGroup transitionName={{enter: "animated", enterActive: "bounce", leave: "animated",leaveActive:

1熱

1答えて

CSS3でSVGの特定の部分をアニメーション化するにはどうすればよいですか？

私はあまりにもHTMLに埋め込まれたSVGをアニメーション化することに慣れていませんが、ここで私がしようとしているものです。私はそうのように自分のサイトに1つのSVGイメージを持っている： <?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . S

0熱

1答えて

UI Bootstrap windowClassでanimate.cssクラスを使用するときのモーダル遅延

animate.css UI-Bootstrap windowClassオプションを使用すると問題が発生します。例えば：モーダルが閉じているときにモーダルオープンは、しかし、遅延があるとき vm.open = function() { var modalInstance = $uibModal.open({ templateUrl: 'myModalContent.htm