css-animations

    3熱度

    1回答

    爲什麼我的React手風琴動畫不能使用？

    我已經在React中實現了我自己的響應式手風琴，並且我無法讓它在摺疊的開頭處動畫。 這是特別奇怪的，因爲我可以在標題之前獲得圖標以上下動畫，除了圖標是僞元素之外，我似乎無法看到兩者之間的區別。 JS： class Accordion extends React.Component { constructor(props) { super(props); this.st
    javascript css reactjs sass css-animations 2017-10-09

    0熱度

    1回答

    css動畫不能使用javascript代碼

    我正在嘗試使用基於w3 css的自動Javascript幻燈片放映，當您點擊箭頭時切換到手動模式。除此之外，在開始時，如果未點擊前一個或下一個箭頭，幻燈片將運行2個循環。在幻燈片播放的2個循環之前單擊上一個或下一個箭頭也會將幻燈片切換爲手動。 問題在於W3Css衰落動畫。如果我保留它，在自動循環結束時，幻燈片會保持淡入淡出狀態，同時應保持靜止。所以，我用下面的代碼刪除衰落動畫 - Array.pr
    javascript css-animations slideshow 2017-10-10

    0熱度

    1回答

    如何停止svg動畫？

    我有一個SVG動畫，我想知道如何在動畫序列完成一次後停止並離開SVG。這樣的標誌停留在頁面上，直到下一個頁面刷新等 這裏的演示： https://jsfiddle.net/u410bjyk/ HTML： <svg class="pin" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.
    css3 svg css-animations 2017-10-10

    1熱度

    1回答

    緩和和緩解的過渡

    所以我有這些漢堡包菜單圖標，除了一件事外，它們工作得很好。我想讓他們在動畫已經發生之後稍微緩慢一點。我嘗試添加緩解功能，菜單仍然快速恢復。我敢肯定，這是一些簡單的我失蹤下面來看看我的代碼： (function() { var burgerarrow, burgercross, burgerplus; burgercross = document.getElemen
    javascript css responsive-design css-animations hamburger-menu 2017-10-11

    0熱度

    2回答

    移動jQuery動畫的多個實例的圖像

    我有一個圖像，我需要在同一時間上下來回移動頁面。我無法讓他們全部一起運行，他們單獨工作得很好。我想知道如何組合這些功能來讓它們一次全部運行。 var homeWide = $('.container').width(); var width = (homeWide - "250"); moveRight = function() { $('img.homeFish
    jquery css css3 jquery-animate css-animations 2017-10-12

    2熱度

    1回答

    使用@keyframes以不透明方式淡出時，如何使用該事件重複動畫？

    我正在爲用戶彈出一個標籤，如果用戶試圖拖放已經被拖動的元素。 問題是，動畫僅發生在一次，並且在動畫結束時，它將永遠具有不透明度0。 CSS @keyframes smooth { 0% { opacity: 1;} 100% { opacity: 0;} } .o_tip{ position: absolute; z-index: 999; display
    javascript css css-animations 2017-10-13

    0熱度

    1回答

    將關鍵幀動畫合併爲一個

    我有一幅圖像，我想「走過」一個div，然後在水平方向翻轉並以另一種方式回頭。我在這裏創建了一個codepen：https://codepen.io/jessiemele/pen/rGQWWE。 tinyWalk動畫在結束之前變得非常有彈性，在它回到開始之前，我假設它是形成擊中div頂部的圖像。我想知道是否有一種方法可以將這兩種動畫結合起來在圖像上運行它們，這樣我就不必在div上運行tinyWalk
    css animation css-animations keyframe 2017-10-16

    1熱度

    1回答

    觸發css動畫時，在視口元素

    非常感謝您的眼睛。 Javascript的目的是延遲css動畫，直到用戶在其視口中具有元素。當你運行它時，向下滾動查看這個元素。如果移動速度足夠快，您會看到滾動，但不會等待。 https://jsfiddle.net/3jvvvf4s/ 我的代碼從該網站： 我在，我相信它應該工作的狀態，我和代碼小提琴 http://www.justinaguilar.com/animations/index.ht
    jquery css animation css-animations 2017-10-17

    1熱度

    1回答

    元素，沒有高度，保證金，填充或邊框依然佔據，因爲它下面的元素利潤率

    我有這樣的元素的列表的空間： <div class="outer"> <div class="inner first">First</div> <div class="inner">Second</div> </div> 如果我申請以下樣式 .inner { height: 30px; margin: 10px; } .first {
    html css css3 css-animations 2017-10-17

    1熱度

    2回答

    如何將許多CSS動畫nth類型的選擇器合併爲一個？

    給定了一大組<hr> html元素，它們在頁面加載時應該一個接一個地改變顏色。在動畫工作的那一刻，它需要在CSS中爲html中的每個新添加的元素添加<hr>元素，並在CSS中進行大量的重複性手動操作。由於每個下一個<hr>行的轉換時間間隔是相同的，這是否可以在CSS中以更優雅和更短的方式編寫？ 目標是能夠添加新的hr元素而不需要每次都更改CSS。 又一次：這個問題是關於如何在CSS中單獨做到這一點
    html css animation css-selectors css-animations 2017-10-17
最新問題