Bg Blur

Blur

Backdrop blur effects for glassmorphism and depth.

.bg-blur --blur-amount: 2px

Texte avec bg-blur

<div class="bg-blur">...</div>

// override blur intensity
<div class="bg-blur" style="--blur-amount: 8px">...</div>

.bg-blur-to-bottom

<div class="position-relative">
  <img src="..." alt="">
  <div class="bg-blur-to-bottom">...</div>
</div>

.bg-blur-to-top --blur-amount: 20px

<div class="position-relative">
  <img src="..." alt="">
  <div class="bg-blur-to-top">...</div>
</div>