css-transitions

1熱度

1回答

這可能有一個明顯的答案，但我只是沒有看到它。我更新了這個代碼來糾正具有article section h1錯誤top值。我還添加了:hover觸發article section h1。否則，這是我從webdesigner雜誌拿到的相同代碼來演示動畫標題效果，但FF或Chrome中都沒有發生。我爲轉換樣式添加了-webkit和-moz-前綴，但仍然沒有。請告訴我我做錯了什麼。 body,html {

0熱度

3回答

重新啓動CSS過渡

我試圖重新啓動在Javascript and without librairies or csstransition。我不希望與像Settimeout或clientHeight一招實現這一目標。我知道這是因爲迴流，但我試圖找到理想的解決方案。步驟如下： 1）Remove過渡 - >設定的新位置（without過渡） 2）Add過渡 - >設定的新位置（with動畫）這裏是Javascript。

0熱度

2回答

Javascript一個接一個地轉換

我想要做的就是如果用戶再次按下按鈕，則從頭開始轉換。現在的問題是，如果用戶點擊兩次或更多的按鈕，它不會正確啓動兩個動畫（一個接一個）。因此，現在轉換正在工作，但如果用戶多次單擊該按鈕，則無法完成此項工作。 let button = document.querySelector("button") let box = document.querySelector(".box") button

3熱度

7回答

2個div盒子並排放置，寬度爲50％，高度爲100％，每個盒子上懸浮的寬度都擴大到100％

我試圖讓每個盒子有50％寬度和100％高度。。並且在該div框內，它就像是一個錨點鏈接，我們將鼠標懸停在第一個框（框A）上，框A將從左到右的50％寬度轉換爲完全100％的寬度。如果我們將鼠標懸停在Box B上，它也會從右向左移動並填充寬度100％。也許圖片可以更好地解釋。這是初始狀態：然後，當鼠標懸停在框A左側：然後當上按鼠標懸停在乙欄：我不確定如何用CSS或javascript/jqu

0熱度

2回答

爲什麼我需要在jQuery調用之間放置1ms setTimeout（）？

我正在使用CSS過渡有點倒計時吧： .livebar { background-color: black; transition: width 15s linear; width: 100%; height: 5px; } 此代碼不能正常工作（在Chrome），在某種意義上說，沒有過渡。寬度會立即進入0： $("#barbag").append("<d

0熱度

4回答

背景圖像和背景顏色之間的CSS過渡

我正試圖在背景圖像的面板上進行基本的平滑過渡。我希望它在徘徊時褪色爲背景色。我嘗試過使用各種各樣的非轉換工作。我已經試過（我本以爲這工作）： transition:background-image 0.2s ease-in-out; .panel { width:200px; height:200px; background:#000 url("htt

0熱度

3回答

轉型在右左的div的div寬度和反之亦然

請參閱本的jsfiddle：https://jsfiddle.net/b53te5qb/1/ 我試圖讓每個格寬度很好地比其他過渡。現在它是一個即時效果，但我希望它順利過渡。當我嘗試過渡時，它開始變得越野車。下面是HTML： <div class="outer"> <div class="color left"></div> <div class="color right">

0熱度

1回答

帶鏈接地圖的HTML＆CSS圖像轉換

我正在製作語言選項，以便用戶在地球上懸停時，挪威和美國的國旗彈出。每個標誌將鏈接到相應語言的頁面。我正在使用轉換，以便標誌在一秒鐘內出現。我通過使用兩個圖像做到了這一點; 「top」包含地球的圖像，「bottom」包含地球的圖像和兩側的標誌。在頂部：將不透明度褪色爲0，顯示帶有旗幟的底部圖像。我已經試過絕對定位錨元素，我也試着圖像映射，但同樣的問題仍然存在......當我將鼠標懸停在鏈接區域，

1熱度

1回答

我的圖片不會縮放：懸停，當div出現在它的前面時，我該如何解決這個問題？

使用轉換和轉換我試圖製作:hover框來縮放圖像並滑動標題。 jsFiddle 字幕容器向上滑動和圖像做規模但如果image-details DIV輾過，而不是圖像的圖像不能擴展。我該如何解決這個問題？ image-details div將永遠在圖像前懸停可見;如果div的寬度和高度設置爲100%。圖像不會縮放。 .grid .mosa-grid .grid-image { backg

0熱度

2回答

ng-show的角度初始轉換，使用$ timeout和$ compile

我有一個使用$compile將一些HTML附加到DOM的服務。該HTML包含一個ng-show，其中包含一個用於顯示和隱藏的轉換，並且以一個虛假條件開始。問題是當它連接到DOM時，它顯示隱藏轉換。我怎樣才能避免它？我注意到我的控制器在$timeout的內部調用了這個服務，只有那些不需要的轉換優化。 https://plnkr.co/edit/og0wrp6rZ65StXbufqLI?p=previ