W3cubDocs

/Support Tables

CSS Backdrop Filter

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

Spec https://drafts.fxtf.org/filter-effects-2/#BackdropFilterProperty
Status Unofficial / Note
IE Edge Firefox Chrome Safari Opera
      73 (1)    
    65 72 (1)    
    64 71 (1) TP (*)  
11 18 (2) 63 70 (1) 12 (*) 56 (1)
10 17 (2) 62 69 (1) 11.1 (*) 55 (1)
9 16 61 68 (1) 11 (*) 54 (1)
8 15 60 67 (1) 10.1 (*) 53 (1)
Show all
7 14 59 66 (1) 10 (*) 52 (1)
6 13 58 65 (1) 9.1 (*) 51 (1)
5.5 12 57 64 (1) 9 (*) 50 (1)
    56 63 (1) 8 49 (1)
    55 62 (1) 7.1 48 (1)
    54 61 (1) 7 47 (1)
    53 60 (1) 6.1 46 (1)
    52 59 (1) 6 45 (1)
    51 58 (1) 5.1 44 (1)
    50 57 (1) 5 43 (1)
    49 56 (1) 4 42 (1)
    48 55 (1) 3.2 41 (1)
    47 54 (1) 3.1 40 (1)
    46 53 (1)   39 (1)
    45 52 (1)   38 (1)
    44 51 (1)   37 (1)
    43 50 (1)   36 (1)
    42 49 (1)   35 (1)
    41 48 (1)   34 (1)
    40 47 (1)   33
    39 46   32
    38 45   31
    37 44   30
    36 43   29
    35 42   28
    34 41   27
    33 40   26
    32 39   25
    31 38   24
    30 37   23
    29 36   22
    28 35   21
    27 34   20
    26 33   19
    25 32   18
    24 31   17
    23 30   16
    22 29   15
    21 28   12.1
    20 27   12
    19 26   11.6
    18 25   11.5
    17 24   11.1
    16 23   11
    15 22   10.6
    14 21   10.5
    13 20   10.0-10.1
    12 19   9.5-9.6
    11 18   9
    10 17    
    9 16    
    8 15    
    7 14    
    6 13    
    5 12    
    4 11    
    3.6 10    
    3.5 9    
    3 8    
    2 7    
      6    
      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
12 (*) all 67 10 46 (1) 70 (1) 63 11 11.8 7.2 (1) 1.2 (1) 7.12 (1)
11.3-11.4 (*)   4.4.3-4.4.4 7 12.1     10   6.2 (1)    
11.0-11.2 (*)   4.4   12         5 (1)    
10.3 (*)   4.2-4.3   11.5         4    
Show all
10.0-10.2 (*)   4.1   11.1              
9.3 (*)   4   11              
9.0-9.2 (*)   3   10              
8.1-8.4   2.3                  
8   2.2                  
7.0-7.1   2.1                  
6.0-6.1                      
5.0-5.1                      
4.2-4.3                      
4.0-4.1                      
3.2                      

Notes

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

  2. Currently only supported with the -webkit- prefix (not -ms-)

* 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