css-transitions

0熱度

2回答

我有一個菜單按鈕和一個隱藏列表。我正在切換課程以創建下拉效果。添加類時，它會打開下拉菜單。但是，在刪除類後，您將在下面的代碼片段中看到，轉換並非如此無縫。基本上我想要做的是顛倒過渡發生的順序，但我不知道如何做到這一點。感謝您的幫助。 $('.contact-menu-button').children('svg').click(function (event) { \t event.s

0熱度

1回答

SVG g元素CSS轉換不工作跨瀏覽器？

我正在尋找一個專門解決瀏覽器對svg g element css轉換支持的答案。爲了顯示這個問題，here是一個代表性的例子，可以在Chrome中使用，但只在Firefox和Safari的兩個轉換位置之間「跳躍」。活生生的例子：https://jsbin.com/lepepev/edit?html,output .rect-group正在轉變，這樣既rect此舉在一起： <style>

0熱度

1回答

當我將變換原點更改爲正確時，爲什麼這個div跳過屏幕？

我有一些創建圖書鏈接時會打開的圖書鏈接，我試圖通過在書的左邊添加另一個紅色div與.book端的書來讓我的書看起來更加3d，通過轉換將其旋轉90度，從而使其看起來更加方便。我這樣做，發現.bookside的邊緣略微超過了本書的高度。我想這是因爲我設置了轉換原點，所以它正在朝着書籍的y軸旋轉，而不是離開它。當我嘗試通過將變換原點更改爲右側來解決此問題時，.book側在屏幕中間跳轉一半，我也注意到如果

0熱度

1回答

Angular2菜單引導

我已經建立一個切換菜單，它工作正常。當用戶點擊鏈接時，我想讓菜單再次摺疊。我通過使我自己的功能這也做到了這一點。我現在的問題是切換菜單崩潰時使用了一個很好的轉換。我使用顯示和隱藏，所以沒有過渡我認爲過渡w由bootstrap中的css規範，但我認爲情況並非如此。當鏈接被點擊時，如何向我的菜單添加一個漂亮的轉換。這裏是我的代碼： <nav class="navbar navbar-defa

0熱度

1回答

如何在CSS中添加多個圖像？

您好我是新來的CSS，目前我正在用我的頭只有一個形象，你可以在這裏看到： #header { position: relative; background-image: url("../../images/header.jpg"); background-size: cover; background-position: center center;

0熱度

2回答

更改文字顏色在50％高度後175deg

我改變背景顏色50％高度後175deg angle.So，當文字顏色變爲白色，當背景顏色是藍色。 Fiddle .bg { background: linear-gradient(175deg, #e2e2e2 50%, #435289 50%); color:#000; } <div class="bg"> <h1> Hiii, My Name

-1熱度

1回答

使用tile佈局的CSS過渡動畫有可能實現？

我正在嘗試爲現在幾周創建一個特定的解決方案，並且我已經嘗試了很多事情，但我不確定是否有可能實現。我需要你的意見，並指出我正確的做法。下面我想創建：最初有一個tile佈局中的卡一定數量（比如12）被放置在4x3的網格：現在，如果用戶點擊瓷磚（專欄3），狀態更改爲以下幾點：選擇瓷磚擴展等瓷磚對齊得到一個下面的另一個右側：挑戰是我想創建一個轉換從每個瓷磚的初始狀態到每個瓷磚在右邊對齊的狀態。與此

-1熱度

1回答

什麼是補間在CSS？

什麼是在CSS精確補間和我們在哪裏使用它。當我在網上搜索有關它的時候，我所知道的是「姿勢 - 姿勢選項是在整個序列中創建幾個關鍵幀，然後填充空隙。填充這些空隙稱爲中間或補間」。有人能用一個示例代碼片段來解釋我嗎？

0熱度

1回答

Laggy動畫和在網站上滾動

這裏是My website，我在其中使用了很多動畫，問題在於（特殊）滾動有點遲緩，並且當您打開幻燈片的第3頁和第4頁時，它會打開非常滯後。我嘗試使用網站進行性能優化，它給了A幾乎所有東西。我應該只使用較少的動畫來使所有事情再次平滑下去嗎？因爲我看到更多動畫的網站變得更流暢，但這可能是因爲他們使用某種我不使用的框架。的laggy動畫的代碼： #Animation1{ position

2熱度

3回答

::之前的寬度轉換元素

我面臨「toogle」元素上的CSS問題以從兩個不同的表單切換。正如你在這裏看到的https://jsfiddle.net/7o6mchvn/ :: before元素（誰是內容文本）在開關左側，轉換不在右邊。 #formSwitch li a span::before{content:attr(data-letters); position:absolute; color:#fff; overf