A Vue Simple realization of image shadow
vue-image-shadow
A Vue image component. Simple realization of image shadow.
? Install
npm i vue-image-shadow
# or
yarn add vue-image-shadow
? Usage
// main.js
import ImageShadow from 'vue-image-shadow'
Vue.component('image-shadow', ImageShadow)
? API
| 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 |
? Development
yarn
yarn start