ספריות ה- CSS הנוכחיות הם הוכחה לרמה הגבוהה של עיצוב אתרים וכיצד אלה מקלים על הדברים בכל הנוגע ליישום אותן דרכים מבריקות להבין מהי חוויית האינטרנט.
זו הסיבה שנעשה זאת שתף 23 ספריות CSS איכותיות של אמנים שונים שמוכיחים כיצד הכל אפשרי באמצעות שפה עיצובית זו. הצעה מעניינת של משאבים להתפעל ממה שניתן להשיג באמצעות CSS.
תפריט טשטוש
א הדגמה מותאמת להפליא בהן תוכלו למצוא עד שבע דוגמאות. הם משתמשים במעבר CSS3 ומה יהיה אינטליגנציה נהדרת בשימוש בבחירים שונים ליצירת אפקט טשטוש באיכות גבוהה.
ענני CSS3D
עם כך בלבד רחף מעל הדגמה זותוכל לחוות את האפקט הגדול שהושג באמצעות ספריית CSS זו. החשוב מכל, העננים האלה נמצאים בתנועה מלאה. הוא משתמש ב- CSS3 3D Transforms וכן ב- JavaScript. מהקישור תוכלו לגשת להדרכה היכן למצוא כל אחד מהשלבים.
סמלי לוגו ב- CSS טהור
ספרייה זו מכילה כמה מהלוגואים הפופולריים ביותר על ידי כל אלה כמו אפל או טוויטר. זה יותר מעניין שאתה יכול לדעת את המאפיינים של כל אחד מהלוגו על ידי הצבת מצביע העכבר. יש לך את כל הגישות לקוד השלם מהקישור.
סרגל ניווט מאת יאן קדרה
מאת codepen.io יש לנו גישה לסרגל ניווט זה בתלת ממד שנע בצורה נפלאה וממנה נוכל לדעת את קודו באופן מלא. הדבר המוזר בספרייה זו הוא שהיא מורכבת מ -65 שורות בלבד. תכונות חדשות של CSS3 קיימות באפקט שדה העומק.
לוחות תמונות גולשים
יש לך גישה להדרכה מכאן. הערך הגדול שלה הוא כמה חלקה האנימציות כאשר מחליקים את לוחות התמונה. אתה יכול לגשת לארבע וריאציות כדי לשלב אותן באתר שלך ולהשיג תוצאה מרהיבה.
טבעת כפולה
אנחנו לפני טבעת משוחזרת לחלוטין עם אנימציית ייצור נהדרת. מ- codepen.io יש לך גישה לכל הקוד המורכב ממאות שורות.
Flexbox
Flexboxes הם הדרך החדשה של CSS להציג עמודות בעמוד. א מדריך מקיף למדי כדי להבין את המכולות האלה.
תפריט ניווט צבעוני
יש לך גישה אל כל HTML ו- CSS עבור תפריט ניווט זה שמתוודה על אהבה רבה לצבע. הוא מיוצר כולו ב- CSS כדי שתוכלו לשקוע בשפה זו.
פסי התקדמות ב- CSS3
למרות שזה באנגלית, כמו רוב חנויות הספרים, HTML ו- CSS מפורטים היטב נדרש שיהיה לך פסי התקדמות מעולים. הדרגתיות, קווים וסוגים אחרים של אפקטים חזותיים מחכים לכם.
Animate.css
פופולרי ב- GitHub, זה נעשה כולו ב- CSS. בחר את האנימציה שתרצה לדעת, ועליך רק ללחוץ על כפתור "אנימציה" כדי לראות את האפקט ב- Animate.css. אתה יכול להוריד או להציג אותו ב- GitHub.
ספינקיט
אנו עומדים בפני אוסף של אינדיקטורים שיכולים משמשים לכל מיני אלמנטים חזותיים באינטרנט. לחץ על "מקור" ותמצא את כל הקוד הדרוש לביצועו.
לחצנים
א ספריית כפתורי CSS מכל הדרכים והרעיונות למציאת הדרך הדרושה לך כדי לבדל את עצמך מהתחרות. מסרגל הצד תוכלו להשבית את הצורות או האפקטים שאינכם רוצים למצוא ובכך להתמקד באופן ספציפי.
מתג
אנחנו לפני אפליקציה שמאפשרת להשבית כפתורים מסוימים ליצור אחד שהוא בדיוק מה שאנחנו מחפשים. אנו משתמשים בהגדרות השונות ולבסוף נוכל לשחזר את הקוד שנעתיק לאתר שלנו. משאב מעניין מאוד על צדדיותו וסגנונו הנהדר.
רמז. Css
א ספריית CSS ללא JavaScript ומוכנים לשימוש כרצונכם. קטן בגודלו, קל לשימוש והוא עובד בכל דפדפני האינטרנט המודרניים ביותר.
colors.css
למי ש חפש את הצבע מחלופה מעניינת וזה מאפשר אב טיפוס מהיר לאתרים עם היבט ויזואלי נהדר.
Voxels.css
אם אתה מכיר את Minecraft, משחק הבנייה, בוודאי קל לזהות את ספריית CSS זו. סובב כשאנחנו לוחצים במרכז ללכת לייצר את הרשתות.
טיפוגרפיה
א גופן CSS טהור קל משקל פשוט מושלם לפרויקט הבא שלך.
ספינרים
א אוסף גדול של אנימציות של טעינת סמלים ב- CSS ו- HTML.
מחווני קו טעינה
טקסט טהור בצמד CSSלטעון אינדיקטורים מכל הסוגים. מקור נהדר למצוא את המדד הדרוש והנכון לאתר שלך.
מטעין CSS
אחר גופן לטעינת סמלים שניתן להתאים אישית לכל מיני אנימציות.
ריחוף תמונה
א ספריית CSS ניתנת להרחבה ובעל משקל מועט של תמונות בכיתה ההיא "מרחף".
hue.css
מקור של 49 שיפועים או שיפועים פוטוריאליסטיים לכל סוגי התוכן והתמונות.
התממש
Un מסגרת CSS המבוססת על עיצוב חומרים, עקרון העיצוב בו משתמשים גוגל במספר רב של אפליקציות ובמערכת הפעלה אנדרואיד משלה.
אל תחמיץ את הפגישה עם קורי גימור גבוהים עם תמונות svg.