美麗的陰影（剖析jquery主頁）

jquery

• Download
• API Documentation
• Blog
• Plugins
• Browser Support

jquery主頁第一眼看到的就是這個玻璃渣效果，設計者利用高光和陰影製造出這種效果。

怎麼做出這種感覺呢？

第一步：導航區設定為半透明，顏色為rgba(0,0,0，.1)

第二步：左上角和右上角切出圓角（not important）

第三步：導航區上部起高亮border-top: 1px solid rgba(255,255,255,.3)

第三步：導覽區四邊起陰影box-shadow:0 0 5px rgba(0,0,0,.7)

第四布：增加左側導航區陰影效果border-left: 1px solid rgba(0,0,0,.3)

好的歌唱也唱不厭，jquery首頁許多地方有類似的手法，不信請往下看：

okokokokkokoko

 

看不見。 。 。 。好吧，我也是買了一個放大鏡才看到的，效果的樣子類似於：用刀在灰色的岩石上畫了一條線，就像..就像古碑上刻的字。 所做的設定很簡單，根據背景的顏色選取高光和陰影的顏色；顏色決定後，開始設定陰影：box-shadow: 0 -1px #000；設定高光：border-top: 1px solid #333

嗯，寫到這裡了，以後繼續補充---------------------------the world ain't all sunshine and rainbows