פרסומת

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

כתכונה נוספת היא גם יכולה לייצר גלגולים עם אפקטים שונים (Desaturation, Sepia, Embossing, Flip אופקי/אנכי, Inverting) ולתת לאתר שלך את המראה החסר הזה. האפליקציה עושה שימוש בתכונות HTML 5 ומייצרת CSS חוקי.

השימוש באתר הוא ממש קל, פשוט בחר את הקבצים שלך, ולאחר מכן בחר אופציונלי אפקט גלגול מהרשימה הנפתחת ולחץ על כפתור "צור CSS Hover". פעולה זו תיצור תצוגה מקדימה המכילה את התמונה המקורית ואת תמונת המעבר כפי שניתן לראות בתמונה למטה. אם אהבתם את התוצאות, תוכלו לתפוס את קוד ה-CSS וה-HTML המתאים.

ליצור css sprites

מאפיינים:

  • צור ספרייטים CSS באינטרנט.
  • אופציונלי להחיל גלגולים אוטומטיים עם אפקטים שונים כמו רוויה, היפוך תמונה או ספיה...
  • סוגי תמונות מותרים: png, gif, jpeg וכל קובץ לא צריך להיות גדול מ-5mb בגודל.
  • העלאה מרובת ועיבוד אצווה נתמכים.
  • מאפשר לך לצפות בתצוגה מקדימה של האפקט המוחל.
  • ה-CSS שנוצר תואם ל-Mozilla, Chrome, Safari, Opera ו-IE > 6.0.
    • instagram viewer
  • חינם וללא הרשמה.
  • ראה גם 11 כלים שימושיים לבדיקה, ניקוי ואופטימיזציה של קובץ ה-CSS שלך 11 כלים שימושיים לבדיקה, ניקוי ואופטימיזציה של קובצי CSSרוצה לשפר את קוד ה-CSS שלך? בודקי ואופטימיזציית CSS אלה יעזרו לשפר את קוד ה-CSS, תחביר, ולצמצם את דפי האינטרנט שלך. קרא עוד .

נסה את CSS-Sprite @ www.css-sprit.es

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