金屬光澤是一種非常漂亮和現代的設計元素，在CSS中實現金屬光澤的效果非常簡單。本文將介紹如何使用CSS創建具有金屬光澤的元素。

.metal {
background: linear-gradient(to right, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.05));
border-radius: 10px;
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.4), 0 5px 20px rgba(255, 255, 255, 0.2);
color: #fff;
padding: 20px;
}

上面的CSS代碼使用漸變背景、邊框、投影和填充來創建金屬光澤效果。

下面是一些額外的CSS技巧，可以進一步增強金屬光澤效果：

.metal:hover {
box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.2), 0 0 10px rgba(255, 255, 255, 0.5);
}
.metal:active {
box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.4), 0 0 10px rgba(255, 255, 255, 0.7);
transform: translateY(2px);
}
.metal:focus {
outline: none;
box-shadow: 0 0 3px 2px rgba(255, 255, 255, 0.3);
}

上面的CSS代碼為金屬元素添加了懸停、激活和焦點效果。懸停效果和激活效果都使用了不同的投影和偏移量來模擬立體感。焦點效果則是添加了一個陰影輪廓。

希望這些CSS技巧能給您帶來一些靈感，幫助您創建漂亮和現代的設計元素。