backdrop-filter: blur();

  • I wish I had a ... hm-hm a property for contaiers that automatically applies backdrop-filter: blur() for container area.

    This css property is finally supported by majority of browsers.
    Bluring looks super cool and super fresh in UI design :)

  • 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:

    Usage example:

    Code
    <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

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!