Hi,
This css property is finally supported by majority of browsers.
Firefox doesn't support it by default yet (only when manually enabling the layout.css.backdrop-filter.enabled setting in about
:config).
But it's possible to extend krpano to be able to it:
|
Source code
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
<style name="backdropblur"
onloaded.addevent="register_backdropblur()"
/>
<action name="register_backdropblur" type="Javascript">
var backdropblur = 0.0;
caller.registerattribute("backdropblur", 0.0,
function(v)
{
backdropblur = Number(v);
if( isNaN(backdropblur) ) backdropblur = 0.0;
var style = caller.sprite.style;
style["backdrop-filter"] = style["-webkit-backdrop-filter"] = "blur(" + backdropblur + "px)";
},
function()
{
return backdropblur;
});
</action>
|
Usage example:
|
Source code
|
1
2
3
4
5
6
7
8
|
<layer name="test" keep="true"
style="backdropblur"
type="container"
align="center" width="50%" height="40%"
bgcolor="0x123456"
bgalpha="0.5"
backdropblur="3"
/>
|
Best regards,
Klaus