vue-gradation

Install

$ yarn add vue-gradation

Usage

import Vue from 'vue'
import VueGradation from 'vue-gradation'

Vue.use(VueGradation)

<template>
  <div id="app">
    <vue-gradation
      :duration="10"
      color="linear-gradient( 109.6deg, #FBE4E2 11.4%, #67A5DA 91.1% )"
    >
      <img alt="Vue logo" src="./assets/logo.png">
      <HelloWorld msg="Welcome to Your Vue.js App"/>
    </vue-gradation>
  </div>
</template>

For color, See also the Gradient Hunt.