前段時間有朋友問導航鼠標懸停狀態效果怎樣實現的，今天我簡單寫一下教程，希望對大家有用，還有如果大家對頁面中的什么效果感到疑惑，就請留言給我，我會盡力發上教程來和大家分享的。

首先看一下最終效果和分層：

1、 背景色設置為#280021，新建圖層，利用鋼筆工具畫如下圖形，填充顏色，然后圖層樣式中的漸變疊加設置如下：

2、 新建圖層，用橢圓工具在圖形上面建一個選區，然后填充白色，如圖。

3、取消選區，選擇“濾鏡”“高斯模糊”把白色進行模糊。具體數值視效果而定，效果如圖。

4、把這個圖層的混合模式設置為“疊加”，現在看起來過于亮，可以降低一下透明度。然后把超出下面圖形的白色去掉。如圖。

5、新建圖層，按住ctrl單擊圖形圖層得到圖形選區，然后選擇“編輯”-“描邊”對它進行描邊設置，如圖。

6、將此描邊圖層的混合模式設置為疊加，透明度設置為40%，視效果而定。如圖。