css-transitions

0熱度

3回答

我想通過操作左邊距來製作元素。我已經使用jQuery animate()工作，但想要提高使用CSS轉換的性能。我正在使用jQuery向我要滑動的元素添加一個新類，但它沒有動畫 - 它只是立即移動元素。下面是顯示問題的JS Fiddle。如果您點擊標有'animate left'的按鈕，它會使用jQuery animate()並按預期工作。如果您單擊標記爲'過渡'的按鈕，它會將「幻燈片」類

2熱度

2回答

通過CSS閃爍縮小縮小圖像

我使用此代碼創建一個閃爍的放大和縮小圖像，但它只能放大，之後，它會重置圖像並再次放大。 @keyframes blink { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1.5);

1熱度

1回答

僅傾斜背景圖像

我只想傾斜背景圖像，但我已將其創建爲外部元素，所以現在整個外部元素都會傾斜而不是僅顯示圖像。我沒有經驗的網頁開發，所以任何幫助或建議表示讚賞。下面的代碼片段，這裏是一個JSFiddle .vertical-center { min-height: 100%; /* Fallback for browsers do NOT support vh unit */

2熱度

4回答

如何添加幻燈片放映的過渡？

我想添加幻燈片放映這我正在爲我的網頁之一的過渡.. 下面是代碼， var index= 1; var toggle=0; function plusIndex(n){ \t index = index + n; \t showImage(n); } showImage(

0熱度

1回答

防止CSS轉換時角4分載荷

我有一個很大的問題與CSS過渡和角度4. 其實，我用它提供了一個輸入計數器外部庫（這是我的圖書館，所以我不知道更多的樣式應用於包裹輸入），但在應用我有輸入以下樣式： input { &[type="text"], &[type="password"], &[type="email"] { border-radius: 4px; border:

1熱度

2回答

我該如何改變這個JS的速度？

在完全披露時，我對Java的知識知之甚少，但是我確實發現了一個在線腳本，它完成了我正在尋找的內容，所以我借用了它的基礎知識，並且奇蹟般地將其成功實現到了我的項目中。然而，經過無數的試錯嘗試，然後搜索了一個多小時後，我對如何加快此功能的「過渡」感到不知所措。基本上，當我點擊'open-overlay'按鈕時，它會打開一個全屏幕面板，並在容器'overlay'中顯示一條消息，然後當我點擊第二個按鈕時

1熱度

1回答

過渡的書是不是在火狐和微型邊緣工作 - 爲什麼，我該如何解決它？

在Firefox中，轉換和轉換似乎不能正常工作，我在-moz-前綴添加了所有內容，但它似乎對於使其更具功能性沒有任何影響。我有一本書在盤旋時打開，但在狐狸中，書不會一直打開，並在鼠標離開它之前關閉。書中沒有使用的轉換和轉換似乎正在起作用，它似乎是書中的問題。至於微軟的邊緣它的工作，但背景圖像，在abd之後，abd之後，pududo元素和div我沒有出現。書籍封面在微軟邊緣只是空白。有更多經驗的人是

0熱度

2回答

徑向漸變背景不能正常轉換

在懸停時，我無法獲得懸停時從0不透明度轉換爲0.6的背景。這裏是我的CSS： .work--overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(rgba(64,56,43,0), rgb

1熱度

2回答

CSS下劃線動畫 - 閱讀方向

我發現了一個代碼來爲鏈接的下劃線設置動畫，但我想在另一個方向上，因爲我們從左向右閱讀，而實際上卻是相反的。下面是一個JSFiddle .sliding-u-l-r-l-inverse { display: inline-block; position: relative; padding-bottom: 3px; } .sliding-u

0熱度

1回答

陣營過渡小組V2跳過進/出狀態

我想圍繞我的頭陣營過渡小組V2 我使用CREATE-反應，應用程序和文檔中的例子建立了一個演示，但它跳過了進入/退出狀態「並且不會觸發轉換。到目前爲止我有...。嘗試內聯（如在文檔中），也使用類名稱，但結果相同。添加和刪除特定瀏覽器CSS 所有的道具，有一點運氣撥弄上（儘管出現的道具確實觸發「進入」和運行的過渡）這裏有一個鏈接到文件：https://reactcommunity.org/r