التدرج النص

في أيامنا هذه يمكنك رؤية حيل لطيفة مثل تدرج النص في العديد من الأماكن...ولكن؟ هل سبق لك أن تساءلت كيف يتم صنعها؟ دعني أعلمك اليوم.

.text-gradient {
  background: linear-gradient(-25deg, #5662f6 0%, #7fffd4 100%);
  color: transparent;
  background-clip: text;
}

انظر هنا أولاً لقد قدمنا ​​تدرجًا لخلفية النص. ثم سنجعل لون النص شفافًا بحيث لا يكون مرئيًا.
بعد ذلك سنستخدم خاصية مقطع الخلفية لعمل النص بحيث يتغير لون الخلفية إلى لون النص.

إذا كنت تريد معرفة 4 حيل أخرى، انقر على الصورة أدناه؟