A Vue image component. Simple realization of image shadow.
Online: https://image-tool.github.io/vue-image-shadow/
npm i vue-image-shadow
# or
yarn add vue-image-shadow
// main.js
import ImageShadow from 'vue-image-shadow'
Vue.component('image-shadow', ImageShadow)
Property | Description | Type | Required | Default |
---|---|---|---|---|
className | Component extra class. | string | โ | - |
shadowBlur | The shadow blur of the image. | number | โ | 20 |
shadowHover | Whether to support the mouse hover. | boolean | โ | false |
shadowRadius | The border radius of the image. | number | โ | 8 |
src | The src of the image. | string | โ | - |
width | The width of the image. | number | โ | 300 |
yarn
yarn start