1. <span id="z4nqb"></span>

      -webkit-box-reflect

      語(yǔ)法:

      -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

      適用于:所有元素

      繼承性:無(wú)

      動(dòng)畫性:否

      計(jì)算值:指定值

      取值:

      none:
      無(wú)倒影

      <direction> Demo: 簡(jiǎn)單圖片倒影 See with Webkit

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

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

      <length>
      用長(zhǎng)度值來(lái)定義倒影與對(duì)象之間的間隔??梢詾樨?fù)值
      <percentage>
      用百分比來(lái)定義倒影與對(duì)象之間的間隔??梢詾樨?fù)值

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

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

      說(shuō)明:

      設(shè)置或檢索對(duì)象倒影。
      • 假設(shè)定義了 <mask-box-image><offset>必須指定,否則可以省略
      • 對(duì)應(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)需要使用老式的漸變語(yǔ)法,詳見(jiàn)<gradient>下的各種漸變支持?jǐn)?shù)據(jù)。

      示例:

      1. <span id="z4nqb"></span>
        中文字幕精品视频 | 国产三级片一区二区 | 欧美高清精品成人在线 | 日本精品视频在线播放 | 免费黄色视频国产 | 欧美成人精品一区二区三区免费 | 色婷婷丁香五月 | 成人免费A片在线观看直播96 | 久久天堂 | 亚洲人成小说 |