Delay animation

You can use the delay attribute to see more of that blur effect before the main image transition.

Adding a value to the attribute will set the delay time property of a setTimeout function inside the component. You will need to provide a placeholder image for this to work, or there will be nothing to wait for.

<template>
  <ProgressiveImage
    delay="5000"
    placeholder-src="https://picsum.photos/id/1080/19/10"
    src="https://picsum.photos/id/1080/1980/1080"
  />
</template>