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

Yosefus flavius

אני בעצמי

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

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

©2026 Yosefus Flavius WebDeveloper

 עיצוב דמוי זכוכית (Glassmorphism) — סגנון שבא לשדרג את האתר שלך!
  1. בית
  2. /
  3. פיתוח Full Stack

עיצוב דמוי זכוכית (Glassmorphism) — סגנון שבא לשדרג את האתר שלך!

26 באפריל 2025•2 דקות קריאה

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

מתוך כל הסטיילים המפוקפקים שראיתי בחיי בעיצוב אתרים, (וראיתי אתרים שנראים כמו סיוטים של שנ"צ אחרי 300 מטר פרפר) - בין האהובים עלי הוא עיצוב דמוי זכוכית. 👑 למה? יש בזה משהו נקי, במיוחד אם זה משולב עם darkmode (שזה בכלל סיפור אהבה לא ברור - כי בתור עם שקורא לעצמו שמח, אנחנו ממש אוהבים צבע שחור, כדורגל בינוני ושירי דיכאון), 😎 העיצוב נחשב אלגנטי, מבוגר ומתחכם. (כמו מכשיר חשמלי עם תפוח נגוס בגב ולא כמו נערי פיצוציות שמשלבים זיוף של נאוטיקה עם ג'ינס מבד של טיטולים). אז מה העיקרון? 🦄 האשליה נוצרת על ידי רקע חצי שקוף, טשטוש של הרקע מאחורה וקו לבן עדין שמקיף את האלמנטים - עדיפות לעיגול עדין של הגבולות. מה זה אומר מבחינת קוד?

כמה פשוט ככה יפה. יש לנושא המון גרסאות, כאלו שעושים tilt שמרחפים מעליהם (ניסיתי לחשוב על המילה של זה בעברית וחוץ מזה שאני שומע מכיוון המוח את הרעש של המאוורר מתאמץ לא יצא לי מזה כלום). יש שעושים לזה שפיצים וצבע חלש ועוד. אבל מה דעתכם? 👨‍👩‍👧‍👧 אם אנחנו כבר משוחחים פה (אני משוחח לפחות) בוא נדבר על הפיל שבחדר , ישנה תופעה שמתעצמת לאחרונה של בני אנוש שמעלים רישומים שלהם ממיטאפים, עכשיו אין לי שומדבר נגד זה חוץ מזה שדור שלם של מתכנתים מסתובב עכשיו עם fomo, חרדה קיומית וסקיני ג'ינס. אז תאהבו אדם קצת ותעלו **לפני** המיטאפ כמה מגניב הולך להיות - ואם אתם לא יודעים איך להעלות תמונות מאירוע לפני שהוא קרה יש לי שני מילים בשבילכם: בינה מלאכותית. תודה מראש גיא 😍

שתף את המאמר

שתפו:
Yosefus Flavius

נכתב על ידי

Yosefus Flavius

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

עקבו באינסטגרםעוד עליי
הכתבה הקודמתלמה גיא מבסוט על Server Actions החדשים של Next.js 15 ו-React 19?הכתבה הבאה@apply ב־Tailwind: מה זה ואיך להשתמש בזה נכון

כתבות דומות

כתבות קשורות

כתבות דומות

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