免费的三级网站-免费的色网站-免费番茄社区性色大片-免费高清特级毛片-98色花堂永久地址国产精品-999国产精品

-webkit-box-reflect

語法:

-webkit-box-reflect:none | <direction> <offset>? <mask-box-image>?

<direction> = above | below | left | right

<offset> = <length> | <percentage>

<mask-box-image> = none | <url> | <linear-gradient> | <radial-gradient> | <repeating-linear-gradient> | <repeating-radial-gradient>

默認(rèn)值none

適用于:所有元素

繼承性:無

動畫性:否

計算值:指定值

取值:

none:
無倒影

<direction> Demo: 簡單圖片倒影 See with Webkit

above:
指定倒影在對象的上邊
below:
指定倒影在對象的下邊
left:
指定倒影在對象的左邊
right:
指定倒影在對象的右邊

<offset> Demo: 圖片與倒影間隔 See with Webkit

<length>
用長度值來定義倒影與對象之間的間隔。可以為負(fù)值
<percentage>
用百分比來定義倒影與對象之間的間隔??梢詾樨?fù)值

<mask-box-image> Demo: 更真實的圖片倒影 文字倒影與漸變 See with Webkit

none:
無遮罩圖像
<url>
使用絕對或相對地址指定遮罩圖像。
<linear-gradient>
使用線性漸變創(chuàng)建遮罩圖像。
<radial-gradient>
使用徑向(放射性)漸變創(chuàng)建遮罩圖像。
<repeating-linear-gradient>
使用重復(fù)的線性漸變創(chuàng)建背遮罩像。
<repeating-radial-gradient>
使用重復(fù)的徑向(放射性)漸變創(chuàng)建遮罩圖像。

說明:

設(shè)置或檢索對象倒影。
  • 假設(shè)定義了 <mask-box-image>,<offset>必須指定,否則可以省略
  • 對應(yīng)的腳本特性為boxReflect。

兼容性:

  • 淺綠 = 支持
  • 紅色 = 不支持
  • 粉色 = 部分支持
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 6.0-11.0 2.0-40.0 4.0-45.0-webkit- 4.0-8.0-webkit- 15.0-29.0-webkit- 4.0-8.3-webkit- 2.1-4.4.4-webkit-#1 18.0-42.0-webkit-
  1. 需要注意的是4.0以前的安卓系統(tǒng)需要使用老式的漸變語法,詳見<gradient>下的各種漸變支持?jǐn)?shù)據(jù)。

示例:

主站蜘蛛池模板: 欧美日韩一级大片 | 午夜激情网站 | 中文字幕有码在线播放 | 456亚洲人成影视在线观看 | 无遮挡h肉3d动漫在线观看 | 在线簧片 | 色老妇 | 免费午夜视频 | 亚洲人成网站在线观看90影院 | 亚洲国产影视 | 超级碰在线 | 天天摸天天做天天爽水多 | 成人精品第一区二区三区 | 国产一在线 | 黄色爱情视频播放 | 国产日韩欧美swag在线观看 | 欧美精品国产一区二区 | 久久久久久综合成人精品 | 在线观看日韩www视频免费 | 手机免费看伦理片 | 国产精品123 | 午夜黄视频| 中国一级特黄视频 | 亚洲一级毛片在线播放 | 无毒不卡在线播放 | 午夜欧美性欧美 | 亚洲另类欧美日韩 | 日本免费小视频 | 国产麻豆入在线观看 | 欧美在线综合 | 一区二区午夜 | 在线黄色网页 | 午夜人体视频 | 欧美日韩在线影院 | 一级黄色在线观看 | 亚洲激情区| 日本黄色的视频 | 亚洲福利三区 | 怡春院院日本一区二区久久 | 国产三级福利 | 国产欧美日韩不卡 |