css-animations

    0熱度

    1回答

    我有如下的SVG。現在這個圓圈佔據了整個SVG的大小。我怎樣才能讓它看起來像這樣:SVG具有一定的大小(比如說215x250),並且圓圈的大小應該在svg的中心。對於這個居中的圓來說,這也會非常棒,所以它看起來像一個加載微調器。 <svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http:

    1熱度

    6回答

    .zd-slider { position:relative; overflow:hidden; margin-top: 0px; } .zd-slider img[id*="img"] {width:100%; position:absolute; left:0; top:0; opacity:0; -ms-filter: "progid:DXImageTransform.Microsof

    -2熱度

    4回答

    我想製作動畫,但並不流暢。當我刪除顯示 - 一切正常。如何處理顯示和順利? div { display: none; opacity: 0; width: 50px; height: 50px; transition: opacity 3s; background-color: black; }

    1熱度

    1回答

    我只是想在頁面中發佈新消息時設置背景淡出動畫。 我只是想要改變背景。從藍色到不透明度0. 只是在頁面中實時添加新帖子時的基本動畫。 我試過這個,但它不起作用,當我添加消息時,背景色仍然是藍色。 我使用加上SASS /北斗 <div className="successfully-saved"><Message /></div> .successfully-saved{ backgro

    0熱度

    2回答

    最初我有一個盒子,通過轉換鼠標懸停時,不透明度從0.5改爲1。它運作良好。 現在我想在不透明度0到0.5的開始添加一個延遲淡入動畫。不幸的是,鼠標懸停轉換不再起作用。 我欣賞每一個想法:) .box { width: 200px: height: 50px; padding:20px; background-color: red; transition: 1s ea

    2熱度

    1回答

    簡單的div來顯示速度計; <div class="outer"> <div class="needle" ></div> </div> 在懸停時,速度計動畫好; .outer:hover .needle { transform: rotate(313deg); transform-origin: center center; } 我需要這個動畫在頁面加載

    -2熱度

    1回答

    我只是想知道有沒有任何網站提供關於畫布的簡要信息。 我正在處理我的項目。其中一個畫布和4個按鈕。 這些是四個按鈕:圓形,長方形,正方形和動畫彩虹。 當我點擊畫布上的圓形按鈕時,當我點擊矩形按鈕時顯示動畫圓圈,即時間圓圈在動畫中的緩進/出風格中變爲矩形。形狀更改爲其他形狀,但以動畫方式顯示在畫布上。 我讀了很多文章看很多視頻,但我找不到解決方案。 下面我顯示一個圖像。 如果任何人告訴我,給我一些建議

    1熱度

    1回答

    我的代碼有問題。 我想做一個div旋轉,但是當div旋轉時,位置與以前不同。 .rotateWindow { position: absolute; text-align: center; margin: 0 auto; width: 150px; height: 150px; left:50%; top:50%; t

    0熱度

    1回答

    我試圖使用淡出屬性主頁上的#logo,並在同一時間淡入到.container(整頁)。所以雖然標誌正在消失,但它正在填入的主要頁面。我嘗試了一些我發現但沒有成功的代碼。有誰知道一些適當的文件來達到它?謝謝 <div class="container"> <div id="logo" class="animated fadeOut"></div> </div> .animated {

    0熱度

    1回答

    我想創建一個浮動從左到右的CSS動畫。我有一個寬度爲100%的div,雲層是「position:absolute」的圖像。我的解決方案非常簡單:創建一個動畫,它隨着時間的推移將圖像的「左」屬性更改爲120%。但是,該解決方案的問題在於,雲在跨越其全寬後擴展了整個HTML文檔的寬度。 我怎樣才能防止這種情況發生,並使雲層在穿過100%寬度後簡單消失?提前致謝! 編輯: 這裏是CSS的一部分: .he