el-effects-form

a css effects setting form base element-ui

Usage

<template>
  <div>
      <EffectsForm :value="tempValue" @change="(value) => tempValue=value" />
      <div :style="{width: '400px', height: '120px', 'margin-left': '20px', border: '1px solid #ddd', ...tempValue}">
      </div>
  </div>
</template>
<script>
import EffectsForm from 'el-effects-form'
export default() {
  components: {
    EffectsForm,
  },
  data() {
    return {
      tempValue: {
        opacity: '80%',
        'box-shadow': 'inset #080808 3px 4px 5px 8px, outset #f8c93a 3px 4px 8px 9px'
      }
    }
  }

}
</script>