網(wǎng)站建設(shè)總是展現(xiàn)無限可能的一面，這些都是基于滿足市場的需求。

比如當(dāng)我們想要增加設(shè)計(jì)的深度時，我們經(jīng)常認(rèn)為CSS中的陰影是可以觸及的東西。陰影的效果增加了元素的高度，賦予頁面另一個維度。但是陰影不僅僅可以用于深度。讓我們嘗試不同的陰影——兩個CSS屬性和一個過濾器——來制作有趣的懸停效果、不同的文本樣式，甚至在其他陰影上投射陰影。

后現(xiàn)代網(wǎng)頁設(shè)計(jì)的世界是一個沒有太多陰影的世界。這并不意味著CSS陰影正在消失。相反，他們變得更加適應(yīng)。陰影是非常有用的設(shè)計(jì)元素。我們知道它們增加了二維網(wǎng)頁設(shè)計(jì)的深度，但是你知道嗎，我們可以用超出這種深度的方式來堆疊、動畫和操作它們。

我們大多數(shù)人都熟悉inset關(guān)鍵詞。這是CSS的可選值box-shadow財(cái)產(chǎn)。當(dāng)...的時候inset時，陰影投射到元素內(nèi)部，指向內(nèi)部。它通常被用來使它看起來像一個元素被印在網(wǎng)頁的表面。我們將進(jìn)一步推動陰影，無論是比喻還是字面上，為圖像過渡創(chuàng)建一個覆蓋懸停效果。盡我們所能控制陰影的模糊半徑—陰影向外擴(kuò)散的距離—我們可以選擇不對陰影應(yīng)用任何模糊。我們可以將這一點(diǎn)與嵌入陰影的事實(shí)結(jié)合起來在元素的背景上繪制(不像默認(rèn)的投射在元素下面的陰影)來創(chuàng)建我所說的位于元素上面的“面紗”。

我們要看的最后一個效果涉及到CSStext-shadow財(cái)產(chǎn)。實(shí)際上，這與其說是一個復(fù)雜的“技巧”,不如說是一個使用和顯示文本元素陰影的演示。與我們通常得到的全彩色表情符號不同，這個表情符號更像是一個充滿純色的圖標(biāo)。這是一種不需要繪制或處理文件就能快速創(chuàng)建一個臟圖標(biāo)系統(tǒng)的方法。

我們希望這些實(shí)驗(yàn)?zāi)芙o你靈感，讓你自己做一些CSS陰影實(shí)驗(yàn)。陰影和漸變可能是用CSS“繪圖”的兩個最重要的CSS特性。希望在網(wǎng)站建設(shè)過程中能有更多的創(chuàng)意。