A Vue Simple Realization of Image Shadow
vue-image-shadow A Vue image component. Simple realization of image shadow.
🌈 vue-image-shadow
A Vue image component. Simple realization of image shadow.
📚 Example
Online: https://image-component.github.io/vue-image-shadow/
🌀 Template
https://github.com/one-template/vue-component-template
📦 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 | Version |
|---|---|---|---|---|---|
| alt | The alt of the image. | string | ✖ | - | 1.1.0 |
| className | Component extra class. | string | ✖ | - | 1.0.0 |
| shadowBlur | The shadow blur of the image. | number | ✖ | 20 | 1.0.0 |
| shadowHover | Whether to support the mouse hover. | boolean | ✖ | false | 1.0.0 |
| shadowRadius | The border radius of the image. | number | ✖ | 8 | 1.0.0 |
| src | The src of the image. | string | ✔ | - | 1.0.0 |
| width | The width of the image. | number | ✖ | 300 | 1.0.0 |
🔨 Development
yarn
yarn start
Download Details:
Author: image-component
Demo: https://image-component.github.io/vue-image-shadow/
Source Code: https://github.com/image-component/vue-image-shadow
Suggest:
☞ Vue js Tutorial Zero to Hero || Brief Overview about Vue.js || Learn VueJS 2023 || JS Framework
☞ Learn Vue.js from scratch 2018
☞ Is Vue.js 3.0 Breaking Vue? Vue 3.0 Preview!
☞ Vue.js Tutorial: Zero to Sixty