css-animations

    0熱度

    1回答

    CSS3跨瀏覽器問題

    我正在嘗試使用transform：rotatex和preserve-3d來創建一個div的按鈕。它在Chrome上運行良好，但FF和IE沒有運氣（僅支持版本11及以上版本）。我將不勝感激任何幫助。 HTML <div class="flip col-sm-3"> <div class="card"> <div class="face front"> <d
    jquery css3 css-animations 2017-07-18

    0熱度

    1回答

    CSS下一個和上一個剪輯路徑動畫

    繼我上週發佈的related question之後，我創建了一個自定義輪播，使用clip-path提供下一張和上一張幻燈片的片段。這目前在功能上有效，但我現在需要在顯示/隱藏幻燈片時應用一些動畫。 在相關問題中，只需要「下一張幻燈片」功能，並且提供的解決方案是剪輯「活動」幻燈片。但是現在，因爲我們需要做下一張和上一張幻燈片，所以我已將剪輯應用於下一張和上一張幻燈片。代碼如下： $(document
    javascript jquery css3 css-animations clip-path 2017-07-18

    0熱度

    1回答

    CSS旋轉與negatve度在Safari中不起作用

    我正在嘗試在Y軸上旋轉元素的動畫。它適用於Chrome和Firefox，但在Safari中無法使用。 我不知道是什麼問題，因爲，我怎麼說之前，它工作在Chrome，Firefox，歌劇好... 只能在動畫中，其他的中間不起作用:( 這是我的代碼： * { \t box-sizing: border-box; } .book { \t position: relative;
    html css css3 safari css-animations 2017-07-24

    0熱度

    2回答

    Javascript：「animationend」事件處理後的動畫

    Commuity， 我現在正在寫一段特定的代碼。問題是我想委託動畫。 （例如，我有3個對象，第一個是動畫，之後是第二個，之後是第三個） 重點是我試圖使它成爲模塊化，所以我不能在那裏硬編碼任何東西。 在開始，我們有以下的情況： parentDiv應該包含你想要的對象爲 「淡入」 prevDiv是這是 「fadedIn」 最近 對象 onclickDisabled是一類刪除「點擊」事件暫時 fadeI
    javascript events listener css-animations 2017-07-25

    1熱度

    2回答

    內聯塊元素在懸停效果上下降？

    我試圖配置一個非常基本的動畫效果，其中懸停在一個div上，使用CSS過渡在0到100％width之間爲其設置了一個form元素。 Here is a fiddle for reference。我遇到兩個問題：首先，在這種情況下，儘管設置爲display:inline-block和vertical-align:top，但<p>元素和<form>元素不是垂直排列的。其次，在將form元素擴展到100％
    css css-animations mousehover 2017-07-26

    1熱度

    1回答

    不同顏色的jQuery/CSS半圓進度條

    我是jQuery和CSS3的新手。我需要以下HTML看起來像這樣： 請幫助我。 <pre> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="progress"> <div class="barOverflow"> <di
    javascript jquery css3 jquery-animate css-animations 2017-07-26

    0熱度

    2回答

    爲什麼CSS動畫不與背景大小100％的工作

    我工作的CSS動畫與步驟...我的問題是： 時步（）==（幀長度-1）一切都是流體exept，我不能看到最後一幀 時步（）==幀長我仍然不能看到最後一幀和動畫是凌亂... 我正在尋找一種方法來使用背景100％（或至少一個exp爲什麼它不工作lanation），因爲我可以與幀型動物數量精靈使用它，只是使用步驟（）來調整實際的精靈.. 演示： #sprite1, #sprite2, #sprite3
    css css-animations css-sprites 2017-07-27

    3熱度

    1回答

    動畫關鍵幀的scss函數

    我想做一個可重用的sass函數，它可以讓我很容易地編寫一個@keyframes css動畫，而不用編寫太多的代碼，但我不確定如何去做，特別是數學部分。 我有包含單個背景圖像的div使用該CSS height: 100vh; width: 8000px; 這個背景圖像由25幀組成。所以每個幀都是320px寬。 動畫應該translateX()由320像素多，每4％的股利，所以是這樣的： @ke
    css3 function sass css-animations 2017-07-27

    3熱度

    5回答

    爲什麼在兩個'div'之間的動畫中有一個空白的空間？

    任何人都可以幫助我在動畫中刪除它們之間的空白區域嗎？ 我是否需要添加一個div將兩個div換成一個？ 我選擇使用位置頂部來調整我的div動畫是導致問題，請建議我一個更好的方法來做這個動畫，如果有的話？ <!DOCTYPE HTML> <html> <head> <style> #top { background: white;
    javascript html css css-animations 2017-07-28

    0熱度

    1回答

    陣營本土動畫不確定是不是一個對象錯誤

    我試圖動畫視圖時按下按鈕向右滑動，我現在有下面的代碼，但不斷收到 不確定是不是一個對象（評估此。 state.panelPos）錯誤。我不明白代碼有什麼問題。有什麼建議麼？ constructor(props){ super(props) this.state = { initialLife : 200, panelPos: new Animated.V
    reactjs animation react-native css-animations 2017-07-28
最新問題