4
我期待爲網站構建主頁。我希望主頁有一個接一個的4或5個矩形，位於頁面的中心。這些矩形中的每一個都有一個圖像（在左邊）和一些文本（在右邊）。使用CSS和HTML創建滑出式面板
當用戶將鼠標懸停在每個矩形上時，我希望它以4-500像素垂直向下延伸4-500像素（保持其水平長度），並將矩形放在下方，將頁面向下移動（以容納擴大的「抽屜」）。當將鼠標從「抽屜」中取出時，「抽屜」縮回以形成原始矩形，其他矩形返回其原始位置。
「抽屜」的內容將是文本和圖像，原始矩形保持靜止，並充當「抽屜」的標題或標題。我的問題是：我將如何完成讓每個矩形擴展，讓其他矩形同時移動，然後在移開鼠標時收回的任務。
我猜這將用CSS過渡的東西（也許一些花哨的HTML5的東西？），但那是我的CSS知識結束的地方。我意識到這是一個相當大和複雜的問題，所以任何幫助將不勝感激。
很多謝謝。