懸停在圖片段落間距太寬

-2

我有我想我已經完成了過渡CSS後解決小時一個問題，段落間距變得太寬，它不會推下底部的第二個盒子。

我已經嘗試了行高，但無濟於事。 https://jsfiddle.net/jq2ka65y/是我的jsfiddle鏈接。

雖然這是我試圖實現的結果 http://prntscr.com/c1ntt9是我的原型的屏幕截圖。

     </body> 
         </html>

道歉，如果它非常混亂。我仍然試圖使用這個。

來源

2016-08-04 NeverEnding

目前，'divs'是重疊的，而在你的圖像中它們是分開的。預期效果到底是什麼？你想讓'div'成爲另一個，並且在你將鼠標懸停在另一個時被推倒？或者你想讓它們並排顯示？ – Cladiuss

我想讓用戶將鼠標懸停在圖片上。標題文本和段落將下降。 – NeverEnding

懸停的動畫行高顯然不是一個好主意。對於顯示/隱藏動畫，我建議你使用javascript。用CSS display: none;將要隱藏的部分包裹到<div></div>中。然後，您可以使用jQuery的.hover()事件（例如）並使用.slideToggle()顯示您的部分。 https://jsfiddle.net/alm/dLgw79av/5/

來源

2016-08-04 21:37:08

謝謝Adrien，但是沒有辦法只用CSS來滿足這個要求嗎？ – NeverEnding

懸停在圖片段落間距太寬

回答

相關問題