A Vue Simple Realization of Image Shadow

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:

Learn Vue.js from scratch 2018

Is Vue.js 3.0 Breaking Vue? Vue 3.0 Preview!

Vue.js Tutorial: Zero to Sixty

Learn Vue.js from Scratch - Full Course for Beginners

Create Shopping basket page With Vuejs and Nodejs

Learn Vue 2 in 65 Minutes -The Vue Tutorial for 2018