AZURA

Pre-alpha
Github

Main Menu

  • Get Started
  • Breakpoints
  • Changelog
  • Framework Style

    • Grid
    • Flex
    • Colors
    • Typography
    • Round
    • Elevation
    • Backdrop
    • Buttons
    • Icons
    • Images
    • Cards
    • Form inputs and control
    • Text fields
    • Content panels
    • Carousel
    • Validation Form
    • Dialogs
    • Input controls
    • Lists
    • Textareas
    • Forms
    • File Inputs
    • Ajax
    • Viewport
    • Select
    • Scrollbar

Backdrop effects

The backdrop-filter CSS property lets you apply graphical effects such as blurring or color shifting to the area behind an element.

Blur

bg-primary-64 backdrop-blur-0
bg-primary-64 backdrop-blur-2
bg-primary-64 backdrop-blur-4
bg-primary-64 backdrop-blur-8
bg-primary-64 backdrop-blur-16
Backdrop filter blur 0
Backdrop filter blur 2
Backdrop filter blur 4
Backdrop filter blur 8
Backdrop filter blur 16

Contents

  • Blur