איך לשלב תמונה בתוך הטקסט

איך לשלב תמונה בתוך הטקסט

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

בוידאו נראה שני אפשרויות לעשות את זה, באמצעות הוספת קצת קוד או בלי קוד בכלל, אבל צריך הכניס את הטקסט בצורת תמונה(זה אומר שתצטרכו מראש להכין טקסט ולהפוך אותו לתמונה – אפשר אפי' עם צילום מסך)

כל הקודים מתחת לוידאו,

הקודים שבסרטון,    css class  –   backgroundtext

הקוד לטקסט לבן (על רקע שחור),

.backgroundtext > .elementor-element-populated { mix-blend-mode: darken; }

הקוד לטקסט שחור על רקע לבן,

.backgroundtext > .elementor-element-populated { mix-blend-mode: color-dodge; }

רוני רביץ

רוני רביץ

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

כתיבת תגובה

האימייל לא יוצג באתר.

רוצים להצטרף לניוזלטר שלנו?

עוד מאמרים שאולי יעניינו אתכם

מעניין?

הרשמו לניוזלטר השבועי שלנו