ראשימדינותהטיולים שליטיולים ותרמילאותאודות
YosefusFlavius

Yosefus flavius

אני בעצמי

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

  • דף הבית
  • אודות
  • בלוג
אינסטגרם

©2026 Yosefus Flavius WebDeveloper

️ Loader פעימות לב ב-CSS
  1. בית
  2. /
  3. פיתוח Full Stack

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

9 ביולי 2024•1 דקות קריאה

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

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

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

שתף את המאמר

שתפו:
Yosefus Flavius

נכתב על ידי

Yosefus Flavius

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

עקבו באינסטגרםעוד עליי
הכתבה הקודמתאיך ליצור טקסט עם צבע מתחלף ב-CSS בעזרת background-clipהכתבה הבאההצצה ראשונה ל-htmx: חד-קרן או צלופח?

כתבות דומות

כתבות קשורות

כתבות דומות

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

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

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

27 באפריל 2025
איך להוסיף גלילה חלקה ב-CSS
פיתוח Full Stack/פרונט אנד

איך להוסיף גלילה חלקה ב-CSS

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

27 באפריל 2025
האם כדאי להשתמש בספריות UI ב-React? מלחמת בני אור בבני חושך 2.0
פיתוח Full Stack/פרונט אנד

האם כדאי להשתמש בספריות UI ב-React? מלחמת בני אור בבני חושך 2.0

בפוסט הזה נדבר על יתרונות וחסרונות של שימוש בספריות UI ב-React. האם באמת כדאי לקחת את הדרך הקלה עם ספריות מוכנות או להשקיע בכתיבת כל דבר מאפס? גיא חולק את הדעות שלו על ספריות UI, RTL, והתמודדות עם אתגרים בעיצוב אתרים.

27 באפריל 2025