15 יפה אפקטים טקסט נוצר עם CSS
טקסט יפה או טיפוגרפיה יגרום העיצוב שלך נראה אטרקטיבי. עיצוב אתרים, CSS מסייע לתת סגנון עיצוב כולל אפקטים שונים בטקסט או טיפוגרפיה. עם CSS, אתה יכול להשתמש גזיר ולהוסיף אנימציה לטקסט כדי לתבל את העניינים קצת.
וכדי להמחיש זאת, אספנו 15 אפקטים מדהימים טקסט מגניב כי הם אפשריים עם CSS (חלקם עם קצת עזרה מקוד Javascript).
לקבלת דברים נוספים שתוכל לעשות עם CSS, בדוק:
- 18 דברים מגניבים שאתה לא מאמין נבנו באמצעות CSS
- 30 jQuery טקסט אפקט ספריות אתה צריך לדעת
- כיצד ליצור צורת לב עם CSS
- Animate.css - CSS3 הספרייה ליצור אנימציה בקלות
אנימציה שבץ אלסטי
Yoksel animates את שבץ של טקסט עם ערכת צבעים מגניב. אפקט זה נעשה עם CSS ו- SVG. התוצאה היא מדהימה!
SVG גליץ '
רוצה לעשות אפקטים שנראים כמו טלוויזיה אנלוגי שבור? דירק ובר עשה את זה אפקט glitch מדהימה באמצעות CSS ו- SVG מסנן.
לוגו
הלוגו של Shop Shop נוצר מחדש על ידי הוגו באמצעות CSS בלבד. הלוגו נראה דומה למקור, עם המרקם הנכון.
אפקט חתוך
רעיון זה על ידי Robet Messerle נותן את האפקט פרוס סכין, נעשה עם פחות מ 70 שורות של CSS.
אפקט צל אלגנטי
אפקט צל ארוך מגיע לטקסט, נעשה באמצעות CSS. היוצר, חואן Brujo עשה 4 אפקטים אחרים אבל זה בקלות אחד מרשים ביותר.
אפקט טקסט מעורפל
אנדריאס יוצר אפקט ערפילי קולנועי מדהים. חל על דפדפני Webkit בלבד.
מסכת טקסט SVG
עיצוב של מרקו Barria מראה טקסט אלגנטי מסוך השפעה על תמונת רקע גדול.
טקסט אנימציה
יואן יצר אפקט טיקר מדהים עם אנימציה טקסט זה. תראו איך המילה השנייה מתחלפת בין שלוש מילים.
פגע ברצפה
זה אפקט 3D על ידי ThatGuySam הוא משחק פשוט על הצללים טקסט, אבל עם תוצאה מדהימה.
רקע טקסט קליפ
Jintos שיחק עם רקע Webkit רקע להוסיף תמונת רקע בתוך הטקסט. הוא עשה 16 יצירות מגניב בשיטה זו.
CSS טקסט FX
Moklik הוסיף עמום אפקט אור לטקסט, נותן לך הבזקים לסירוגין המזהירים מפני סכנה מרחוק.
חתימה מונפשת של חתימה
גארי Hepting יצר אנימציה בזמן אמת החתימה. זה עובד על ידי יישום Javascript על נתיב SVG כדי הנפשת החתימה.
צבעוני גליצ 'י 404
האם אתה שומע את הצליל של תקלה זו ומרגיש את הרטט, בתוך הראש? זה כמה טוב זה אפקט glitch הוא. mistic100 עשה עם CSS פלוס קצת של Javascript.
קוסמוס
עכשיו זה לוגו אלגנטי ומעורר השראה. זה גם מתאים לשימוש עבור “קוסמוס”, כי מסלולים, לקבל את זה?
טעינה
אפקט טעינה מגניב זה פשוט הסתרה והצגה של אותיות.