**影:box-shadow: x軸 y軸 rpx color;
屬性說明(順序依次對應):陰影的x軸(可以使用負值) 陰影的y軸(可以使用負值) 陰影模糊值(大小) 陰影的顏色
內陰影:box-shadow: x軸 y軸 rpx colorinset;
預設是**影 內陰影:inset 可以設定成內部陰影
注(ps):此屬性使用於盒模型 如(div,p,h1,h2,h3,h4,h5,h6等) 不是用來設定文字陰影 如果設定文字陰影請參考知識點:text-shadow(同理)
因為是新屬性,為了相容各主流瀏覽器並支援這些主瀏覽器的較低版本,基於主流瀏覽器上使用box-shadow屬性時,我們需要將屬性的名稱寫成-webkit-box-shadow的形式。firefox瀏覽器則需要寫成-moz-box-shadow的形式
歐朋瀏覽器 -o-box-shadow ie>9 -ms-box-shadow
為了更好的了解box-shadow的特徵,做幾個小測試:(為了方便直接在標籤內巢狀樣式)
測試1:
box-shadow: 0 0 10px #f00 (因沒有使其x軸與y軸移動 設定值 所在會在本身發生作用 半徑範圍,顏色)
測試2:
box-shadow:4px 4px 10px #f00;與測試1不同 x軸與y軸改變了正值(正值 向右 向下) 所以變成了這樣
測試3:
box-shadow:-4px -4px 10px #f00;與測試2不同 之處是 x軸與y軸改變成了負值(負值 向左 向上) 所以變成了這樣
測試4:
你看到這樣的**會感覺很亂 但是看到效果之後你就能明白這是怎麼做的了無非改一下x軸與y軸位置與顏色值 還有陰影值大小,(用逗號隔開)多練習幾次就好
測試5:--內陰影
box-shadow: 0px 0px 10px red inset; 與上面寫法相同 唯一不同的是新增了乙個inset 其它屬性與**影相同
百變不離其宗,練習就能熟悉,懂了就知道原理,隨意改寫,在配合css3的動畫效果, 閃光層(字)都很簡單實現。。希望對你有幫助。。
九陰白骨爪
第一重金絲手訣曰 面北背南朝天坐,氣行任督貫大椎。意聚丹田一柱香,分支左右聚掌心。開啟氣海命門穴,氣滿衝貫十指爪。旋入陰氣一坤爐,放收來回金絲手。凡習九陰白骨爪需先習九陰神功百日,於極陰之地,谷地為佳。面北背南,五心朝天坐於低處。雙手放於膝上,手心朝下,意守丹田。開氣海 命門,旋轉吸入陰氣匯於丹田。...
《九陰真經》正本
九陰真經 正本 北宋 黃裳 著 上捲 天之道,損有餘而補不足,地之道,損不足而補有餘,是故虛勝實,不足勝有餘。其意博,其理奧,其趣深,天地之象分,陰陽之候列,變化之由表,死生之兆彰,不謀而遺跡自同,勿約而幽明斯契,稽其言有微,驗之事不忒,誠可謂至道之宗,奉生之始矣。假若天機迅發,妙識玄通,成謀雖屬乎...
九陰真經原文
天之道,損有餘而補不足,是故虛勝實,不足勝有餘。其意博,其理奧,其趣深,天地之象分,陰陽之候列,變化之由表,死生之兆彰,不謀而遺跡自同,勿約而幽明斯契,稽其言有微,驗之事不忒,誠可謂至道之宗,奉生之始矣。假若天機迅發,妙識玄通,成謀雖屬乎生知,標格亦資於治訓,未嘗有行不由送,出不由產者亦。然刻意研精...