ng-animate

    1熱度

    2回答

    我無法獲得簡單的角度動畫。我做了一個簡單的Plunkr顯示它:https://plnkr.co/edit/bKZev3i1WhNgKhsWOZIQ HTML <head> <link rel="stylesheet" href="style.css"> <script src="angular.js"></script> <script src="angular-an

    0熱度

    3回答

    我是Ionic的新手。我嘗試使用本教程中添加動畫: http://gonehybrid.com/how-to-animate-your-ionic-app-with-animate-css-and-nganimate/ 所有工作做好,直到nganimate一步。我不知道爲什麼,但如果我添加一個自定義類,例如沒有發生任何事情。這裏是我的代碼(PS我din't編輯我app.js. NG-動畫包括在離子

    0熱度

    1回答

    請看下面的例子:http://jsfiddle.net/HB7LU/23956/ 按鈕添加和刪除正確等工作做他們的動畫。這裏是我的問題:點擊按鈕Remove時,如何爲元素設置動畫,以便要刪除的元素下的所有元素將緩慢浮起,而不僅僅是跳到新的位置? 當點擊B的remove時,我想動畫C和D到B和C的前一個位置。 甲remove 乙remove Çremove d使用maxheight remove 解

    0熱度

    1回答

    根據Angular ngAnimate docs,在ngShow中使用基於類的動畫只是使用CSS類型爲.foo.ng-hide的轉換。然而,當我這樣做來顯示和隱藏工具提示時,提示就會出現在沒有過渡的情況下。然而,忽略提示顯示淡出。我錯過了什麼? Codepen here。 當我檢查代碼時,我發現ng-animate類適用於淡出,但不適用於淡入。也就是說,當角度刪除.ng-hide類時,它只是將其刪

    1熱度

    1回答

    給出一個簡單的角度NG-重複列表: <ul> <li class="fade" ng-repeat="item in list"> {{property}} </li> </ul> 我有,僅僅在0.2秒擴展列表項鼠標懸停一個簡單的CSS動畫。 li { transition: all .2s ease-in-out; } li:hover { transfo

    1熱度

    1回答

    我正在開發基於AngularJS的日期選擇器。 的HTML是相當簡單: <div class="calendar-slider-actions"> <a class="slider-prev" ng-click="vm.prevWeek()"> <i class="ico ico-arrow-left"></i> </a> <div class="slid

    0熱度

    1回答

    我想在ng重複列表上實現自定義動畫。當一個元素被刪除時,它下面的所有元素都會上升。 這是在transform屬性上使用CSS動畫完成的。在開始時,元素並沒有真正從ng-repeat列表中移除(opacity屬性上有一個動畫)。 在某一點上,我應該從列表中刪除元素。而且,與此同時,我需要將動畫放在其他元素上,這些元素被人爲地放得太高。 下面是HTML: <div ng-repeat="card in

    0熱度

    1回答

    我剛剛用ngAnimate進入CSS動畫。很酷的東西!我現在正在努力想出如何控制受某些動畫影響的同胞元素的動畫。 Plunker:https://plnkr.co/edit/XqpMPklO2SDlZQ1GIJ5Z?p=preview 例如,在上述plunker,頂格動畫遠很好,但底部的div沒有。有沒有辦法讓頂部動畫時動畫底部的div? div.top { width: 100%;

    0熱度

    1回答

    我試圖建立一個簡單的動畫,但由於某種原因,我的NG-動畫回覆到.trailer狀態 http://plnkr.co/edit/X2zjosxSLgBpCxQAkdGJ?p=preview 當我點擊預告片鏈接我進入trailer狀態, <div ng-controller="trailerCtrl"> <ul> <li ng-repeat="trailer in trailers

    2熱度

    1回答

    我有這樣的HTML: <div class="slide1" ui-view="slide1"></div> <div class="slide2" ui-view="slide2"></div> 而這個CSS: [ui-view].ng-enter { /* ... */ } [ui-view].ng-enter.ng-enter-active { /* ...