הירשמו לקבלת עדכונים

הזינו את המייל שלכם
וקבלו עדכונים חודשיים לתיבת הדואר שלכם

Text Effect

אפקטים מגניבים לפונטים ב-CSS בלבד

במדריך הבא אשתף אתכם בכמה אפקטים מגניבים שאפשר לעשות לפונטים באמצעות CSS בלבד, יאלה מתחילים! אפקט גרדיאנט גרדיאנט selector { color: mix(#fff, #e91e63, 85%); font-size:

CSS סניפיט: עיצוב פס הגלילה של הדפדפן

עיצוב פס הגלילה של הדפדפן
שיתוף ב facebook
שיתוף ב twitter
שיתוף ב linkedin
שיתוף ב whatsapp
שיתוף ב email

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

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

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

/******Scroll Bar*********/

/* width */
::-webkit-scrollbar {
  width:10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	
}

/* Handle */
::-webkit-scrollbar-thumb {
  background-color: #47E7E3;
  border-radius:100px;
	
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #747DF3;
}
מעצבת UI/UX ובעלת סטודיו למיתוג ובניית אתרים עם ניסיון של מעל 10 שנים בתחום. יועצת עסקית בתחום חוויית המשתמש ומיתוג עסקי ומנחה קורסים וסדנאות בוורדפרס, מומחית בפיתוח אתרים דינאמיים ומורכבים וחנויות וירטואליות ממירות.

מדריכים באותו נושא:

בואו נדבר על זה

5 1 דרג
דירוג המאמר
הירשם
עדכן אותי על
guest
0 תגובות
תגובות בגוף המאמר
צפה בכל התגובות
0
נשמח לשמוע מה אתה חושב, הגב כאן...x
()
x
דילוג לתוכן
קראו את הפוסט הקודם:
קיצור כתובת URL בוורדפרס
קיצור כתובת URL בוורדפרס

מכירים את הקטע המעצבן הזה שכתובת ה-URL בעברית הופכת לג'יבריש ארוך כאורך הגלות? כן, זה מעצבן.אז מה אנחנו עושים כאשר אנחנו רוצים לפרסם קישור עם

סגור