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

Yosefus flavius

אני בעצמי

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

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

© 2025 Yosefus Flavius WebDeveloper

️ Loader פעימות לב ב-CSS - מדריך מקיף עם טיפים ומידע שימושי

️ Loader פעימות לב ב-CSS

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

בפוסט הזה נראה איך ליצור אנימציה קלילה וחמודה של לב שפועם בעזרת CSS ו-FontAwesome, כדי שהמשתמש לא יישאר תלוי באוויר בזמן טעינה — אלא יתמלא באהבה (או לפחות בסבלנות).

ובcss של היום: loader קליל שמדמה פעימות לב הומה ונרגש. כמו בעת התחברות לבבות אוהבים אשר ייחלו לנעמת חיי הנצח. 🐔 למה שמישהו ירצה את זה? חווית המשתמש מחובלת לחלוטין שאתה לוחץ על משהו וכלום לא קורה, ואחרי מספר שניות ומונולוג קללות קצר עם המסך פתאום קופץ משהו. והתוצאה: טיפוסים שחשבו על כל מיני חיווים ביזארים יותר או עוד יותר, לתצוגה של סטייט הטעינה. והפעם אייקון של לב מתוך font awsome, (ספריה לאייקונים סבירים) שפועם לו בכיף באמצע המסך לנצח נצחים, ממש כמו העם שלנו שאוהב לבבות על האש. (ולהתלונן על מחיר הדלק שעוד מעט משתווה למחיר של חלב חד קרן סיבירי).

* בכללית לב הוא איבר שנוי במחלוקת: נזירים טיבטים יגידו לכם (אם הם סיימו את נדר השתיקה המקודש שלהם) ששם שוכן הרגש והאהבה, והמדע יגיד לכם (אם הוא יצליח לדבר) שהוא משאבת דם משוכללת שנעוצה לה בתחילת כרס הבירה שלכם.

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, כולל הצבעים המובנים, שמות אינטואיטיביים, וריאציות צבעים ודרכים להוסיף ולהתאים אישית את פלטת הצבעים בעזרת הקונפיגורציה.