如何製作帶滑出項目的邊欄菜單？

-2

您能否幫我解決一些關於如何在網站上製作補充條菜單的指導：http://www.citroen.fi/，菜單項在懸停時滑出。謝謝！如何製作帶滑出項目的邊欄菜單？

2017-06-30 Chris Bontas

例如，您可以使用寬度爲50px的itens創建一個列表。在鼠標懸停（：懸停選擇器）上，將寬度設置爲200px。將transition屬性添加到要生效的項目（transition：width ease 1s）。

2017-06-30 14:34:48

'ul背景顏色：番茄; list-style：none; 填充：0; margin：0; width：100px; } li { width：100px; padding：10px 0; 過渡：寬度緩解1s; } li：hover { width：200px; } a { color：#fff; }' –

謝謝，但所做的只是將項目擴展到菜單的右側。 –

如何製作帶滑出項目的邊欄菜單？

回答

相關問題