---
title: "طراحی دکمه گرادینت با استفاده از المنتور (بدون افزونه جانبی)"
url: "https://elementorfa.ir/elementor-gradient-button/"
type: "post"
published: "2020-05-18T13:49:16+04:30"
modified: "2023-09-29T12:35:58+03:30"
author: "المنتور فارسی"
---

4.6/5 - (11 امتیاز)

همانطور که در[اینستاگرام المنتور فارسی](https://www.instagram.com/elementorfa/) ذکر کردیم، یکی از ترند های محبوب سال 2020 استفاده از طرح های گرادینت می باشد.

با المنتور به راحتی می توانید پس زمینه های گرادینت را طراحی و پیاده سازی کنید. ولی برای اجرای گرادینت در ویجت دکمه المنتور، هیچ گزینه ای وجود ندارد و باید از افزونه های جانبی استفاده کنید.

امروز در این ترفند، نحوه پیاده سازی دکمه گرادینت در المنتور و بدون نیاز به افزونه جانبی را یاد می گیریم.

## طراحی دکمه گرادینت با استفاده از المنتور

### ایجاد دکمه به صورت معمولی

ابتدا یک دکمه به صورت معمولی داخل صفحه قرار داده و در تب استایل، رنگ پس زمینه را که یکی از رنگ های گرادینت هست اختصاص دهید.

![دکمه گرادینت در المنتور](https://elementorfa.ir/wp-content/uploads/2020/05/button-gradient.png)

بعد از تنظیم رنگ پس زمینه، رنگ دوم گرادینت را باید قرار دهیم.

در همین تب استایل، گزینه سایه کادر را زده و رنگ دوم رو انتخاب کنید. سپس مقادیر زیر را به ترتیب قرار دهید.

**افقی: 100**

**عمودی: 3**

**محو شدگی: 90**

**گسترده: -33**

**جایگاه: خط درونی**

در اینجا گزینه جایگاه حتما روی گزینه**خط درونی** باشد تا داخل دکمه تغییرات اعمال شود.

![دکمه گرادینت در المنتور](https://elementorfa.ir/wp-content/uploads/2020/05/button-gradient-2.png)

در انتها می توانید با تغییر رنگ پس زمینه و سایه کادر دکمه، رنگ گرادینت را تغییر دهید.