RustyNail

coder. 【blog】https://rustynail.me 【nostr】wss://ts.relays.world/ wss://relays.world/nostr

Add a blurry background effect to the mini program

Mar 18, 202385

AI Translation

This post is translated from Chinese into English through AI.View Original

AI-generated summary

This is a code snippet for creating a blurred background effect using CSS.

<view class='container'>
  <image src='' class='bg-blur'></image>
  <view>content</view>
</view>

.bg-blur{
  position: fixed;
  top: 0;
  left: 0;
  border: 0;
  width: 100%;
  height: 100%;
  filter: blur(6px);
  z-index: -1;
}

Ownership of this post data is guaranteed by blockchain and smart contracts to the creator alone.