CSS3引入了許多新的特性，其中一個就是鼠標上加陰影。鼠標懸浮在某個元素上時，該元素的周圍會出現(xiàn)一層陰影，讓人感覺更加立體和生動。

.shadow:hover{
box-shadow: 2px 2px 2px #888;
}

要使用CSS3鼠標上加陰影的效果，需要使用:hover偽類選擇器。在:hover偽類選擇器中設(shè)置box-shadow屬性，定義x軸方向、y軸方向、模糊半徑和陰影顏色。這里的2px表示x軸和y軸方向的偏移量，模糊半徑表示陰影的模糊程度，#888表示陰影顏色是灰色。

該效果不僅可以應(yīng)用于文字、圖片等基本元素，還可以應(yīng)用于按鈕、菜單等多個元素，增加交互體驗和美觀度。同時，由于使用了CSS3，該特性能夠兼容多個瀏覽器，不需要為不同瀏覽器編寫不同的代碼，節(jié)省了開發(fā)時間。