אפקטים מיוחדים של טקסטים HTML

מְחַבֵּר: Laura McKinney
תאריך הבריאה: 2 אַפּרִיל 2021
תאריך עדכון: 20 נוֹבֶמבֶּר 2024
Anonim
CSS Creative Text Animation Effects | Amazing Animated Text using Html & CSS
וִידֵאוֹ: CSS Creative Text Animation Effects | Amazing Animated Text using Html & CSS

תוֹכֶן

HTML ו- CSS יכולים לייצר כמה אפקטי טקסט מגניבים, כמו גם עיצוב סטנדרטי כגון גודל גופן וצבע רקע. אפקטים מיוחדים ב- HTML גורמים לטקסט להופיע ולהתנהג בדרכים בלתי שגרתיות שמושכות את תשומת לבו של הצופה. השתמש בהם כדי הנפשת דף הפסיק או להוסיף טקסט פשוט.


אפקטים מיוחדים של טקסטים HTML (פולקה נקודה RF / פולקה דוט / Getty תמונות)

שווי ירידה

בעיבוד תמלילים, חתול טיפה מגדיל את האות הראשונה של פסקה. אתה יכול לשחזר את האפקט הזה על דפי האינטרנט שלך באמצעות HTML ו- CSS. השתמש במאפיין "float" כדי ליישר את המכתב הקפיטלי ואת גודל הגופן כדי להגדיל את גודלו ביחס לשאר הטקסט בפסקה. שים את התווים בתג "span".

דוגמה:

E זוהי דוגמה לאפקט שווי ירידה באמצעות המאפיין הצף.

טקסט מתגלגל

אפקט האוהל (שולי) ב- HTML גורם לטקסט לנוע בדרכים שונות. הפקודה "כיוון" בקוד מספרת לדפדפן שבו הטקסט יעבור: למעלה, למטה, שמאלה או ימינה. התכונה "התנהגות" מתארת ​​כיצד הטקסט יעבור. התכונה "Scroll" גורמת לטקסט לנוע אל מעבר לאזור הגלוי שלו, ולאחר מכן מופיעה שוב. הפקודה "שקופיות" גורמת לטקסט לעצור בקצה השוליים, ואילו "חלופי" גורם לטקסט לנוע מצד לצד. השתמש בפקודה "scrollamount" כדי לקבוע את המהירות, וככל שהמספר גדול יותר, כך מהר יותר את הגלילה.


דוגמה:

מגלגל את הטקסט!

כותרת העכבר mouseover (mouseover)

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

דוגמה:

טקסט פסקה כאן.