CSS3 box shadow 陰影使用

2022-09-06 23:03:21 字數 1055 閱讀 2502

(2012-04-22 16:28:55)

**▼標籤: 

分類: css3andhtml5

css3 box-shadow 內陰影與**影

1-box-shadow具體使用方法,語法:

e 換句說:

物件選擇器

取值:投放方式:預設是**影 ,

box-shadow屬性至多有6個引數設定,他們分別取值:

陰影型別:此引數是乙個可選值,如果不設值,其預設的投影方式是**影;如果取其唯一值「inset」,就是將**影變成內陰影,也就是說設定陰影型別為「inset」時,其投影就是內陰影;

x-offset:是指陰影水平偏移量其值可以是正負值可以取正負值,如果值為正值,則陰影在物件的右邊,反之其值為負值時,陰影在物件的左邊;

y-offset:是指陰影的垂直偏移量,其值也可以是正負值,如果為正值,陰影在物件的底部,反之其值為負值時,陰影在物件的頂部;

陰影模糊半徑:此引數是可選,,但其值只能是為正值,如果其值為0時,表示陰影不具有模糊效果,其值越大陰影的邊緣就越模糊;

陰影擴充套件半徑:此引數可選,其值可以是正負值,如果值為正,則整個陰影都延展擴大,反之值為負值是,則縮小

-moz-box-shadow:5px 5px 5px #999 inset;              

-webkit-box-shadow:5px 5px 5px #999 inset;           

box-shadow:5px 5px 5px #999 inset;                   

-moz-box-shadow:-5px -5px 5px #999 inset;            

-webkit-box-shadow:-5px -5px 5px #999 inset;         

box-shadow:-5px -5px 5px #999 inset;                 

inset 使用。

CSS3 box shadow 陰影使用

css3 box shadow 內陰影與外陰影 1 box shadow具體使用方法,語法 e 換句說 物件選擇器 取值 投放方式 預設是外陰影 box shadow屬性至多有6個引數設定,他們分別取值 陰影型別 此引數是乙個可選值,如果不設值,其預設的投影方式是外陰影 如果取其唯一值 inset ...

CSS3 box shadow 陰影使用

css3 box shadow 內陰影與外陰影 1 box shadow具體使用方法,語法 e 換句說 物件選擇器 取值 投放方式 預設是外陰影 box shadow屬性至多有6個引數設定,他們分別取值 陰影型別 此引數是乙個可選值,如果不設值,其預設的投影方式是外陰影 如果取其唯一值 inset ...

CSS3 box shadow 陰影使用

ss3 box shadow 內陰影與外陰影 1 box shadow具體使用方法,語法 e 換句說 物件選擇器 取值 投放方式 預設是外陰影 box shadow屬性至多有6個引數設定,他們分別取值 陰影型別 此引數是乙個可選值,如果不設值,其預設的投影方式是外陰影 如果取其唯一值 inset 就...