CSS Backdrop Filter

CSS Backdrop Filter

Method of applying filter effects (like blur, grayscale or hue) to content/elements below the target element.

Spec http://dev.w3.org/fxtf/filters-2/#BackdropFilterProperty
Status Unofficial / Note
IE Edge Firefox Chrome Safari Opera
    57 62 (1)    
    56 61 (1) TP (*) 48 (1)
  16 55 60 (1) 11 (*) 47 (1)
11 15 54 59 (1) 10.1 (*) 46 (1)
10 14 53 58 (1) 10 (*) 45 (1)
9 13 52 57 (1) 9.1 (*) 44 (1)
8 12 51 56 (1) 9 (*) 43 (1)
Show all
7   50 55 (1) 8 42 (1)
6   49 54 (1) 7.1 41 (1)
5.5   48 53 (1) 7 40 (1)
    47 52 (1) 6.1 39 (1)
    46 51 (1) 6 38 (1)
    45 50 (1) 5.1 37 (1)
    44 49 (1) 5 36 (1)
    43 48 (1) 4 35 (1)
    42 47 (1) 3.2 34 (1)
    41 46 3.1 33
    40 45   32
    39 44   31
    38 43   30
    37 42   29
    36 41   28
    35 40   27
    34 39   26
    33 38   25
    32 37   24
    31 36   23
    30 35   22
    29 34   21
    28 33   20
    27 32   19
    26 31   18
    25 30   17
    24 29   16
    23 28   15
    22 27   12.1
    21 26   12
    20 25   11.6
    19 24   11.5
    18 23   11.1
    17 22   11
    16 21   10.6
    15 20   10.5
    14 19   10.0-10.1
    13 18   9.5-9.6
    12 17   9
    11 16    
    10 15    
    9 14    
    8 13    
    7 12    
    6 11    
    5 10    
    4 9    
    3.6 8    
    3.5 7    
    3 6    
    2 5    
      4    
iOS Safari Opera Mini Android Browser Blackberry Browser Opera Mobile Android Chrome Android Firefox IE Mobile Android UC Browser Samsung Internet QQ Browser Baidu Browser
11 (*)                      
10.3 (*) all 56 10 37 (1) 59 (1) 54 11 11.4 5 (1) 1.2 (1) 7.12 (1)
10.0-10.2 (*)   4.4.3-4.4.4 7 12.1     10   4    
9.3 (*)   4.4   12              
9.0-9.2 (*)   4.2-4.3   11.5              
Show all
8.1-8.4   4.1   11.1              
8   4   11              
7.0-7.1   3   10              
6.0-6.1   2.3                  
5.0-5.1   2.2                  
4.2-4.3   2.1                  
4.0-4.1                      
3.2                      

Notes

  1. Can be enabled via the "Experimental Web Platform Features" flag

* Partial support with prefix.

Bugs

Resources

Data by caniuse.com
Licensed under the Creative Commons Attribution License v4.0.
http://caniuse.com/#feat=css-backdrop-filter

在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号

意见反馈
返回顶部