資訊專(zhuān)欄INFORMATION COLUMN
摘要：水平陰影的位置。陰影的顏色語(yǔ)法值描述必需。陰影水平偏移量，可正可負(fù)，正值表示陰影在右邊，負(fù)值表示陰影在左邊。將外部陰影改為內(nèi)部陰影。向框添加一個(gè)或多個(gè)倒影。定義倒影與對(duì)象之間的間隔，可正可負(fù)，默認(rèn)為。使用線性漸變創(chuàng)建遮罩圖像。
語(yǔ)法：text-shadow: x-shadow y-shadow distance color;
?
| 值? | 描述? |
| x-shadow? | 必需。水平陰影的位置。允許負(fù)值。 |
| y-shadow? | 必需。垂直陰影的位置。允許負(fù)值。 |
| distance? | 可選。模糊的距離。 測(cè)試 |
| color? | 可選。陰影的顏色 |
語(yǔ)法：box-shadow: x-shadow y-shadow distance size color inset/outset;
?
| 值 | 描述 |
| x-shadow | 必需。陰影水平偏移量，可正可負(fù)，正值表示陰影在右邊，負(fù)值表示陰影在左邊。 |
| y-shadow | 必需。陰影垂直偏移量，可正可負(fù)，正值表示陰影在上邊，負(fù)值表示陰影在下邊。 |
| distance | 可選。陰影模糊距離。只能為正值，值為0時(shí)，表示陰影不具有模糊效果，值越大陰影的邊緣就越模糊。 |
| size? | 可選。陰影擴(kuò)展半徑。可正可負(fù)，正值表示整個(gè)陰影都延展擴(kuò)大，負(fù)值表示縮小。 |
| color | 可選。陰影的顏色。 |
| inset | 可選。將外部陰影 (outset) 改為內(nèi)部陰影。 |
向框添加一個(gè)或多個(gè)倒影。 （1）direction：定義倒影的方向，取值包括： above：倒影在對(duì)象的上邊。 below：倒影在對(duì)象的下邊。 left：倒影在對(duì)象的左邊。 right：倒影在對(duì)象的右邊。 （2）offset：定義倒影與對(duì)象之間的間隔，可正可負(fù)，默認(rèn)為0。取值包括： 長(zhǎng)度值 百分比（根據(jù)對(duì)象的尺寸進(jìn)行確定） （3）mask-box-image：定義遮罩圖像，該圖像將覆蓋投影區(qū)域，默認(rèn)為無(wú)遮罩。：使用絕對(duì)或相對(duì)地址指定遮罩圖像。 ：使用線性漸變創(chuàng)建遮罩圖像。 ：使用徑向(放射性)漸變創(chuàng)建遮罩圖像。 ：使用重復(fù)的線性漸變創(chuàng)建背遮罩像。 ：使用重復(fù)的徑向(放射性)漸變創(chuàng)建遮罩圖像。
?
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/2206.html
摘要：語(yǔ)法說(shuō)明對(duì)象選擇器投影方式軸偏移量軸偏移量模糊半徑陰影擴(kuò)展半徑陰影顏色內(nèi)陰影，向右偏移，向下偏移，模糊半徑，陰影縮小屬性的參數(shù)設(shè)置取值陰影類(lèi)型此參數(shù)可選。 CSS3 是最新的 CSS 標(biāo)準(zhǔn)，并且完全向后兼容，不過(guò)目前W3C 仍然在對(duì) CSS3 規(guī)范進(jìn)行開(kāi)發(fā)，雖然標(biāo)準(zhǔn)的規(guī)范還沒(méi)有正式發(fā)布，但是現(xiàn)代瀏覽器已經(jīng)支持相當(dāng)多的 CSS3 屬性了。CSS3 提供了很多可以把玩的新特性，模糊了之前只...
摘要：是的一半半徑至少設(shè)置為的值是向盒子添加陰影。我們來(lái)看下語(yǔ)法軸偏移量軸偏移量陰影模糊半徑陰影擴(kuò)展半徑陰影顏色投影方式參數(shù)介紹注意可以寫(xiě)在參數(shù)的第一個(gè)或最后一個(gè)，其它位置是無(wú)效的。如效果邊框?yàn)檫吙驊?yīng)用圖片 border-radius是向元素添加圓角邊框。 使用方法： border-radius:10px;/* 所有角都使用半徑為10px的圓角 */ border-radius: 5px 4...
css3新增選擇器 屬性選擇器 包括h5中新增的自定義屬性 p[data-id]{color: red} sasas 屬性選擇器可以指定屬性值 的樣式變化 E[attr=value] 指定屬性名 p[data-id=111]{color: red} sasas1 sasas2 sasas3 只有第一行才會(huì)...
摘要：前綴瀏覽器兼容根據(jù)了解，屬性大部分支持，部分支持，少部分支持前綴蘋(píng)果谷歌火狐瀏覽器世界之窗例如兼容轉(zhuǎn)換過(guò)渡關(guān)鍵幀動(dòng)畫(huà)轉(zhuǎn)換及以上支持，需添加前綴屬性的方法使用縮放軸縮放倍，軸縮放倍，只有一個(gè)值時(shí)為縮放倍數(shù)傾 css3前綴（瀏覽器兼容） 根據(jù)了解，css3屬性大部分支持ie10，部分支持ie9，少部分支持ie8 // 前綴 // -webkit- Safari and Chrome（...
閱讀 2550·2021-11-24 10:20
閱讀 2398·2021-09-10 10:51
閱讀 3384·2021-09-06 15:02
閱讀 3122·2019-08-30 15:55
閱讀 2845·2019-08-29 18:34
閱讀 3086·2019-08-29 12:14
閱讀 1224·2019-08-26 13:53
閱讀 2936·2019-08-26 13:43
