איך יוצרים אפקט נאון לטקסט ב-CSS?
בפוסט הזה נצלול ליצירת אפקט נאון זוהר לטקסט בעזרת CSS בלבד! משחקים עם text-shadow, טיפה opacity, הרבה קסם, וקורטוב של חוסר בגרות.
אנימצית דמוי נאון לטקסט יכול לעניין אתכם? 🦄 אם עניתם כן אתם זקוקים לפסיכולוג ולcss לא בהכרח בסדר הזה. האנימציה פופולארית, בעיקר על רקע dark. כדי לתת אוירה נחמדה של הייטקס והתחברות קוסמית לתדר יסוד העפר של היקום הקוונטי. האנימציה דיי פשוטה! משחק עם הopacity של הצבע של הtext-shadow שזה האח המוצלח של box-shadow. ומה עוד?😁 animation: glow 1s infinite ease-in-out alternate; זהירות הסבר css לפניך ⚠ *הקריאה באחריות הקורא.ת בלבד אין המערכת אחראית לכל נזק נפשי ו \או פיזי שם האנימציה: glow משך האנימציה: 1s כמה פעמים היא תרוץ? infinitie (או עד שהמחשב ימות) להאט בתחילת וסוף כל איטרציה (מה החלופה העברית למילה הזו?): ease-in-out להגיד לאנימציה לרוץ מהתחלה לסוף ואז מהסוף להתחלה וחוזר חלילה ולא להתחיל שוב מהתחלה לסוף ומהתחלה לסוף: alternate נכון הגיוני? לא! קפצו לי 😣
שתף את המאמר
נכתב על ידי
Yosefus Flavius
מתכנת מוכשר בחסד עליון ככה אומרים עלי כולם - לפחות בפרצוף שלי, אני אוהב ומעולה בלטייל ולתכנן טיולים בעיקר במדינות מגניבות, ואני צלם חובב כבר מעל 10 שנים.
עקבו באינסטגרם