Skip to content

xujunhao940/ABlur

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ABlur

A small Lit-based library for creating configurable gradient backdrop blur effects.

Preview

NPM License NPM Version NPM Downloads NPM Unpacked Size

Installation

npm install ablur

Using CDN

<head>
    <script src="https://unpkg.com/ablur@latest/dist/index.js"></script>
</head>
<body>
<ablur-layer>
    <span>ABlur Layer</span>
</ablur-layer>
</body>

Component API

<ablur-layer>

  • layers (Number) — number of blur slices (higher = smoother, slower). Default: 2
  • baseBlur (Number) — max blur in pixels at end-at. Default: 0
  • end-at (Number) — percent (0–100) where blur reaches baseBlur. Default: 12
  • height (String) — height of the blur area (e.g. 65% or 400px). Default: 100%
  • flip (Boolean) — when present, reverses the blur direction (top → bottom)

About

A small Lit-based library for creating configurable progressive backdrop blur effects.

Topics

Resources

License

Stars

1 star

Watchers

1 watching

Forks

Contributors