🖼️
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

Custom CSS class

You can use the custom-class attribute if you need to target the component or for a more in-depth style change. Ensure that you know what you are doing here and that you are not adding or removing the style needed by the plugin to function as expected.

<template>
  <ProgressiveImage
    custom-class="my-progressive-image"
    src="https://picsum.photos/id/1080/1980/1080"
  />
</template>

<style>
.my-progressive-image {
  border: 10px solid red;
}
</style>
PreviousEventsNextDelay animation