מחולל קוד CSS חינם עבור מסננים בסגנון Instagram

כמה מגניב יהיה להוסיף מסנני תמונות לאתר שלך? לפני שנים זה היה נדרש JavaScript אבל כיום אתה יכול לבנות מסננים תמונה מותאמת אישית עם HTML ו- HTML הישן.

ועם web cssFilters אתה אפילו לא צריך לכתוב את כל קוד ה- CSS!

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

בחלק העליון של המסך תוכל להבחין בר ארוך מלא מסננים Instagram מותאמים אישית. מסננים אלה כוללים את כל האפשרויות הפופולריות כמו הדסון, טוסטר, Inkwell, Lofi ועוד רבים אחרים.

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

אבל אתה יכול גם להתאים אישית את המסננים האלה עם המחוונים הגדרות. תחת “גנרטור” הכרטיסייה ניתן לשנות הגדרות כמו רוויה & בניגוד לעומת טשטוש, גווני אפור, חום כהה ואפילו את סגנון כיסוי כמו שיפוע ליניארי או שיפוע רדיאלי.

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

ואתה יכול גם להחליף את תמונת ברירת המחדל על ידי העלאת אחד מהמחשב שלך או לבחור אחד מתוך Unsplash.

Webapp זה נעשה על ידי Indrashish Ghosh והוא פועל רבות של כיתות ברירת המחדל נמצא בספריית CSSgram.

אבל הגדרות מותאמות אישית ללכת הרבה מעבר presets בסיסיות, ואת הדור קוד חינם עושה את זה כלי שימושי עבור coders ולא coders כאחד. יש לנו כבר הרבה גנרטורים CSS3 עבור מאפיינים כמו מעברי רקע וצלליות טקסט. ועכשיו יש לנו cssFilters כמו Premiere CSS3 התמונה מחולל מסנן.