網(wǎng)站導(dǎo)航
- zblogPHP模板zbpkf
- zblog免費(fèi)模板zblogfree
- zblog模板學(xué)習(xí)zblogxuexi
- zblogPHP仿站zbpfang
首頁陰影
CSS3 text-shadow 屬性
基礎(chǔ)的文本陰影效果: text-shadow:2px 2px 2px #fff X軸,Y軸,模糊程度(不可是負(fù)值),陰影顏色 效果一: text-shadow: 0 0 20px red; 效果二: text-shadow: 0 0 5px #fff, 0 0...
案例:單邊陰影CSS寫法
相關(guān):《邊框四邊陰影CSS(box-shadow屬性)內(nèi)側(cè)陰影、外側(cè)陰影、陰影顏色CSS大全》、之前的一篇文章主要介紹了周邊陰影,而沒有對陰影特別解釋,特別是box-shadow各種值的意思!E {box-shadow:inset x-offset y-offset blur-radius spread-radius color}對象選擇器 {text-shadow:...
邊框四邊陰影CSS(box-shadow屬性)內(nèi)側(cè)陰影、外側(cè)陰影、陰影顏色CSS大全
1、先來一個(gè)最簡單最常用的box-shadow屬性陰影案例:邊框陰影,四邊都是陰影,目前扁平化網(wǎng)站中唯一常用的一種效果,特別是鼠標(biāo)觸發(fā)后邊框帶陰影更是常用。上圖的代碼和CSS如下:<!doctype html> <html> <head> &l...