رنگ آمیزی گرادیانت متون در المنتور

نویسنده : امیرمحمد معلمی
دسته :
2 دیدگاه
آخرین بروزرسانی : 29 دی, 1399

بعضی اوقات جالب است که متن هایی رنگی به صورت گرادیانت ایجاد کنید تا وب سایتتان برای کاربران جذاب تر نمایش داده شود بنابراین در این آموزش ، ما به شما یاد می دهیم که چگونه می توانید اثر “گرادیانت” را برای عناوین ، پاراگرافها و یا اصولا هر متنی ایجاد کنید!

آنچه در این مطلب می خوانید

شروع کار …

برای شروع از نوار ابزار ها ویجت سربرگ را انتخاب و آن را به میزکار کشیده تا ایجاد شود

طراحی گرادیانت ویجت تیتر در المنتور

ایجاد رنگ سفارشی

ویجت سربرگ را انتخاب کرده سپس وارد تب پیشرفته شوید

طراحی متن گرادیانت در المنتور از تب پیشرفته

سپس وارد بخش costum CSS بشوید

رنگ آمیزی گرادیانت متون در المنتور با کد های css

کد زیر را کپی و در بخش custom CSS درج کنید

selector h2 {
    background-image: linear-gradient(to right,#463f64,#463f64, #e2285c, #e2285c);
    -webkit-background-clip: text;
    display: inline-block;
    padding: 14px;
    -webkit-text-fill-color: #00000000;
}

همانطور که مشاهده میکنید این ویژگی برای تگ H2 می باشد پس اگر قصد دارید برای تگ های دیگر به نمایش در بیاورید آن را تغییر دهید

رنگ آمیزی گرادیانت متون در المنتور

در وقتتان صرفه جویی کنید

استفاده بهینه از رنگ آمیزی گرادیانت متون در المنتور

برای اینکه از این طراحی در برگه ها و یا نوشته های دیگر وب سایت خود استفاده کنید نیازی نیست که تمامی مراحل را از اول تکرار و سفارشی سازی کنید. کافیست روی ویجت مورد نظر کلیک راست کرده و آن را به عنوان عمومی ذخیره و نامی برای این ویجت انتخاب کنید

حال می توانید در قسمت ابزار ها عمومی این ویجت را مشاهده و از آن در بخش های مختلف وب سایت استفاده کنید. فقط توجه کنید برای تغییر و ویرایش ویجت مورد نظر حتما آن را unlink کنید

درج عمومی ویجت تیتر با خاصیت گرادیانت تیتر در المنتور