vue button background-image渐变背景色

button 背景颜色--->渐变色：

学习CSS

---

一：双色渐变

提示：双色渐变

其中background-image控制渐变颜色(重要)

两种颜色渐变：

<style>
.wrapper {
height: 100vh;
background-image: linear-gradient(to bottom right, #d834c2, #2088dd);
overflow: hidden;
}
</style>

 

---

二：三色渐变

提示：三色渐变

其中background-image控制渐变颜色(重要)

<style>
.wrapper {
height: 100vh;
background-image: linear-gradient(to bottom right, #d819bf, #2683cf, #63e4b9);
overflow: hidden;
}
</style>

---

学习产出：

记录学习、提升能力