תמונת רקע בתוך טקסט עם אלמנטור

תמונה בתוך טקסט יכול להיות מרשים מאוד, בעיקר עם משחק בשקיפות של הטקסט.

הנה הקוד,

				
					
selector .elementor-heading-title {
background-image: url(https://your-website.co.il/wp-content/uploads/image.png);
background-position: center center;
background-size: cover;
-webkit-background-clip: text;}
				
			

כמובן שתתנו את הקישור לתמונה שאתם מעוניינים, ואפשר לשחק עם המיקום והגודל (כיסוי או הכלה וכו’), שימו לב שצבע הטקסט צריך להיות שקוף (או לפחות קצת שקוף)

וככה זה נראה,

תמונה
בטקסט

4 תגובות

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *

פעם בשבוע אני שולח ניוזלטר
עם כל המאמרים החדשים באתר
מעניין אותך?