animate.css

3熱度

2回答

我想用animate.css和angular來動畫顯示和隱藏元素。我已閱讀this SO question和ngShow和ngAnimate的角度文檔，但仍無法使其正常工作。我已經嘗試了下面的安裝程序，但它不起作用。 app.js var app = angular.module('plunker', ['ngAnimate']); app.controller('MainCtrl', fu

1熱度

1回答

在Blaze上處理複雜的動畫

我實際上正在尋找一種在我的應用上下文中播放動畫的好方法，使用Blaze。更明確的，我寫了這個超級簡單的例子： <template name="global"> <h1>Hi guys!</h1> {{> foo}} </template> <template name="foo"> <h2>I'm a foo!</h2> <ul> {{#e

0熱度

2回答

基於兒童身高的動畫高度

我有一個容器 - 想象它包含應用程序中的頁面。我使用animate.css從一個頁面滑動到另一個頁面。頁面具有不同的高度（根據其內容），因此容器必須調整大小以適應。我不能爲我的生活得到高度動畫！ CodePen（和下面的代碼）演示了頁面之間的工作滑動動畫，但容器的高度只是瞬間改變。 http://codepen.io/anon/pen/jqbExY HTML： <button id=btn>

0熱度

2回答

顯示和隱藏div Android風格

我試圖創建沒有任何框架的HTML應用程序。我想添加一些動畫改變一個div到另一個div。那麼它會感覺更好，然後跳一個div另一個div。使用animate.css進行動畫。現在的問題是，當我連續下一步，有時動畫不工作和股利沒有。我發現它爲什麼是但不能修復。這是因爲類沒有添加和點擊正確刪除。請檢查我的例子。當我點擊NEXT它顯示另一個div，然後當我點擊創建一個帳戶它顯示另一個div然後當我點擊返

1熱度

1回答

可以在普通CSS旁邊使用Animate.css嗎？

我使用的是基本設置，但要動畫一個標題與slideInRight當一個人向下滾動。對不起，第一次使用這個，它激發了我的興趣，我已經閱讀了安裝頁面和基本用法頁面。謝謝！（編輯）大家好，我覺得我的問題不是很準確，而且我在發佈之前先發布了這個問題。我現在解決的問題是，我試圖讓整個div部分以'反彈'的方式移動。我已經從@ ThrowingDwarf提供了很棒的建議，我可以使用class =「」，而

1熱度

1回答

用wow.js和animate.css移動（轉換）css動畫

我正在使用wow.js和animate.css來整合CSS動畫（bounceUp，fadeIn等），但是如果我想使用fadeIn然後有5em圖像翻譯到右側，我會怎麼做？

0熱度

2回答

Angular2以編程方式添加/刪除類

在我的angular2登錄表單中，如果用戶插入錯誤憑據，我想使用animate.css播放動畫，所以我需要添加一個類然後（？）將其刪除。我該如何實現這樣的行爲？非常感謝

1熱度

1回答

Hammer.js和jQuery混淆類

我正在嘗試製作一個可以在我的手機上運行的Web應用程序。我使用Hammer.js庫來識別動畫的觸摸手勢和animate.css。我使用swipeleft和swiperight觸摸識別器來更改某些div元素的類別。然而，當我使用swiperight，然後swipeleft（同時在Chrome或iPhone上測試它時），它會將類混淆並且元素位置錯誤。下面是我的一些代碼的index.html <di

1熱度

1回答

向下滾動時動畫不起作用

我正在使用animate.css並試圖將動畫類應用於頁面中的不同部分。動畫正在工作，但不是當我滾動到該特定部分。所以現在如果我想看一個特定的部分動畫，那麼我將不得不刷新。所以我想知道如何在滾動條上實現動畫。查看完整的代碼在這裏http://codepen.io/anon/pen/rxoaWP 下面是JavaScript正在使用來實現它。不知道我哪裏錯了。提前致謝。 $(document).rea

0熱度

1回答

使用jQuery更改animate.css類的默認速度

我想在滾動條更改上添加animate.css類，我的意思是當滾動放下div時應該使用動畫fadeInUp進行動畫製作，但動畫的速度應該較慢。我已經測試過jQuery animate（）函數，但它不適合我。 $(document).ready(function(){ $(window).scroll(function(){ var scrolls = $(window).scrollTop();