در این آموزش قصد داریم یک افکت جذاب برای متنها ایجاد کنیم که در آن، متن به جای رنگ ساده، با یک تصویر پر میشود و ظاهری خاص و حرفهای به طراحی شما میدهد. این افکت برای افزودن جذابیت بصری به سایتها، به خصوص در بخشهای عنوان یا بنرهای تبلیغاتی، بسیار کاربردی است. ما ابتدا روش ایجاد این افکت را با استفاده از افزونه المنتور و بدون نیاز به کدنویسی توضیح میدهیم، و سپس به سراغ پیادهسازی آن با کدنویسی ساده میرویم تا شما بتوانید بسته به نیاز خود از هر دو روش استفاده کنید.
کد استفاده شده در آموزش پس زمینه برای متن در المنتور
selector { background: url(آدرس تصویر شما) 0 0 / cover no-repeat; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }