🖼️
vue-progressive-image
v5
v5
  • Get started
  • Placeholder image
  • Lazy loading
  • Fallback image
  • Image as background
  • Adjust the blur
  • Events
  • Custom CSS class
  • Delay animation
  • CSS Variables
Powered by GitBook
On this page

Adjust the blur

To adjust the blur effect over the placeholder image, add the blur attribute to the component.

The default value of the filter is 16px.

<template>
  <ProgressiveImage
    blur="10"
    placeholder-src="https://picsum.photos/id/1080/19/10"
    src="https://picsum.photos/id/1080/1980/1080"
  />
</template>
PreviousImage as backgroundNextEvents