ראשיאודותטיוליםצילוםfull Stack
Yosefus FlaviusYosefus Flavius

Yosefus flavius

אני בעצמי

קישורים מהירים

  • דף הבית
  • אודות
  • בלוג
logo

© 2025 Yosefus Flavius WebDeveloper

מעצבים אות ראשונה ענקית ב-CSS כמו ספרים עתיקים - מדריך מקיף עם טיפים ומידע שימושי

מעצבים אות ראשונה ענקית ב-CSS כמו ספרים עתיקים

  1. בית
  2. >
  3. Full Stack
6 ביוני 2024• זמן קריאה: 1 דקות

רוצים לעצב את האות הראשונה של פסקה ככותרת ענקית, כמו בספרים קלאסיים? הכירו את הטכניקה עם ::first-letter ו-initial-letter ב-CSS. פוסט קצרצר ומגניב על עיצוב טקסט בצורה מרשימה!

ובפוסט הcssי הנוכחי - נראה (ללא הקדמות מיותרות 🙄) איך מעצבים אות ראשונה ענקית כמו בתחילת ספרים עתיקים ומכובדים כמו פה הדוב וכדומה. ולמה זה טוב? 😶 טוב נו כבר הגענו עד לפה אז תגיד. אז ככה בעזרת ::first-letter ומקלדת בלבד, אתם "תופסים" את האות הראשונה באלמנט הרצוי, ואז עם הרבה מאמץ אתם מוסיפים את initial-letter שמקבל ערך מספרי שמשמעותו כמה שורות תתפוס האות הנלוזה הזו. וואלה וזהו? 😎 יאפ חסרונות: 😪 עודף מגניבות כמובן, אתם תסתובבו בעולם עם ידיעה ברורה שכולם קצת פחות טובים ממכם, זה תחושה קשה ואנשים לא אוהבים את זה (משום מה). וגם לא תקבלו תמיכה מכל הדפדפנים. שיהיה יום/לילה משובח לכולם. 😍

linkedin
whatsapp
facebook
x
Y

Yosefus Flavius

כותב הבלוג

כתבות קשורות

כתבות דומות

CSS Mix-blend-mode: איך לשלב תוכן עם הרקע
27 באפריל 2025
Full Stack>>פרונט אנד

CSS Mix-blend-mode: איך לשלב תוכן עם הרקע

בפוסט הזה נלמד על שימוש ב־mix-blend-mode ב־CSS, טכניקת עיצוב מגניבה שמאפשרת לשלב את התוכן של האלמנט עם הרקע והאב בצורה מרהיבה ומיוחדת.

@apply ב־Tailwind: מה זה ואיך להשתמש בזה נכון
27 באפריל 2025
Full Stack>>פרונט אנד

@apply ב־Tailwind: מה זה ואיך להשתמש בזה נכון

@apply ב־Tailwind מאפשר לאחד מספר קלאסים לקלאס אחד, אבל יש לזה יתרונות וחסרונות. למדו איך להשתמש בזה בצורה חכמה ומתי כדאי להימנע.

כל מה שצריך לדעת על צבעים ב־Tailwind CSS: טיפים, טריקים ואינטואיציה ️
27 באפריל 2025
Full Stack>>פרונט אנד

כל מה שצריך לדעת על צבעים ב־Tailwind CSS: טיפים, טריקים ואינטואיציה ️

למד איך להשתמש בצבעים ב־Tailwind CSS, כולל הצבעים המובנים, שמות אינטואיטיביים, וריאציות צבעים ודרכים להוסיף ולהתאים אישית את פלטת הצבעים בעזרת הקונפיגורציה.