box-shadow和text-shadow的比較

一、box-shadow

box-shadow: h-shadow v-shadow blur spread color inset;

box-shadow: apx bpx cpx rgba(0, 0, 0, 0.5);


h-shadow: 必需。水平陰影的位置。允許負值。如果是正的,則陰影在box的右側,反之在左
v-shadow: 必需。垂直陰影的位置。允許負值。同上,正下側,負上側
blur:     可選。模糊距離。模糊半徑,越大在邊緣越模糊,只能爲證書,或者設0,設0則不具有效果
spread:   可選。陰影的尺寸。可選正負,正則表示投影面積越來越大,負則越來越小
color:    可選。陰影的顏色。(rgba: rgb顏色值及不透明度) 建議不要忽略
inset:    可選。將外部陰影 (outset) 改爲內部陰影。可不設,默認是外陰影

二、text-shadow


text-shadow: h-shadow v-shadow blur color;


同上

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章