css-animations

    0熱度

    2回答

    關鍵幀動畫沒有反向運行

    我創建了一個動畫效果（緩慢降低高度），作爲關鍵幀動畫的一部分。動畫播放forwards一次，但不播放backwards，並且不會在隨後的時間播放。 的jsfiddle這裏 - http://jsfiddle.net/shaaraddalvi/eLwcw22e/ var scrollEventHandler = function() { \t if(window.scrollY > 210)
    javascript html css animation css-animations 2017-09-15

    0熱度

    2回答

    使用其他元素包裝時，CSS動畫不起作用

    我有以下HTML和CSS動畫，並按預期工作。 app-root { display: flex; justify-content: center; align-items: center; height: 100vh; transition: all 0.8s ease-out; } body {
    html css animation css-animations 2017-09-15

    1熱度

    2回答

    文字模糊僞元素

    https://jsfiddle.net/at5zr0ye/1/ 在我有Chrome上文字模糊麻煩的例子之後。如果我刪除z-index，則文本變得銳利，但動畫時它會在:: after元素下消失。 任何想法？ HTML <button id="send" type="submit">SUBMIT</button> CSS #send{ z-index: 1; padding:
    css google-chrome css-animations 2017-09-15

    1熱度

    1回答

    反彈卡片css動畫

    我正在構建一個非常簡單的反彈卡片動畫，但是在某些時候動畫被複位並且結果不流利。 請檢查： div{ width: 110px; height: 50px; background: #EEE; border: 1px solid #BBB; border-radius: 3px; padding: 3px
    css animation css-animations 2017-09-17

    7熱度

    1回答

    如何綁定css動畫的持續時間以滾動

    我想製作一些類似於您向下滾動的網站，以及一些動畫通過滾動進行跟隨，如果向上滾動則會反轉。 我看到一些圖書館像this但我想看看它可以做一些更簡單的方法？ 感謝 $(document).ready(function(){ var lastScrollTop = 0; $(document).scroll(function(event){ var st =
    javascript jquery css css-animations 2017-09-17

    -1熱度

    2回答

    我添加了一個CSS動畫，但它不工作，一切都看起來很好

    所以我試圖添加一個簡單的振動動畫到我的網站的鏈接，但它根本不起作用。任何人都看到我的代碼有什麼問題？ 我從animista.net動畫代碼，並有他們工作 這裏是我的代碼： a { text-decoration: none; animation: vibrate 1s linear infinite both; } @keyframes vibrate
    html css animation css-animations 2017-09-17

    0熱度

    2回答

    用jquery創建兩個圖像的動畫

    我有兩個圖像，我想要動畫。這個代碼在Stack Overflow上得到了改進，但它仍然不適用於我。我不知道我的CSS和html代碼有什麼問題。 這是我的代碼： $(document).ready(function() { $(".animar").click(function() { $("#img4").addClass("uno"); });
    javascript jquery css html5 css-animations 2017-09-17

    -2熱度

    1回答

    向CSS動畫添加10秒暫停

    我熟悉CSS動畫，並試圖用淡入淡出轉換切換內容。 Link to Codepen Example 這裏就是我在尋找的建議：我想，而不是間隔1秒我必須讓每個文本元素保持10秒切換到下一個之前，馬上。我嘗試過更改動畫延遲設置，但這並沒有達到我預期的效果。 下面的代碼： HTML <h1>Here's some stuff</h1> <div id="container"> <div cla
    html css css3 css-animations 2017-09-21

    0熱度

    2回答

    離子3角度等待動畫完成使用動畫CSS庫

    我有一個列表是使用離子網格與表示項目的行構建的。 我使用css動畫庫https://github.com/fabiandev/css-animator在用戶刪除列表中的項目時顯示動畫。在HTML看起來像 <ion-list> <ion-grid no-padding> <ion-row *ngFor="let task of tasks" no-padding style="
    angular css-animations ionic3 2017-09-24

    2熱度

    1回答

    deleteRule CSSKeyframesRule方法在IE11中混淆了行爲

    我用css @keyframes創建了一個圓的基本動畫。 我使用javascript通過點擊圓圈內部觸發動畫開始/停止。 動畫本身可分爲5（環形）階段： 暫停擴大暫停收縮暫停（見下文@keyframes CSS部分） 我想達到的目標是，最終，能夠設置動畫持續時間並改變關鍵幀的值（比如通過輸入字段來暫停和展開/縮小持續時間 - 細節對於這個問題的範圍並不重要）。爲了測試它的工作原理，我編寫了一個Ja
    javascript css internet-explorer css-animations internet-explorer-11 2017-09-25
最新問題