מחולל נוימורפיזם CSS

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

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

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

כדאי להשתמש בניאומורפיזם בעיניים צלולות לגבי החולשה העיקרית שלו, שהיא נגישות הסגנון עובד על ידי הצבת צל בהיר וצל כהה על משטח כמעט באותו צבע כמו הרקע שלו, כך שקצה הפקד מוגדר על ידי הבדל של כמה אחוזים בבהירות זה נקרא אלגנטי לחלק מהצופים וכבלתי נראה לכל מי שיש לו רגישות ניגודיות מופחתת, על מסך עמום או בחוץ זה נכשל WCAG 1.4.11, המבקש יחס של 3:1 על הגבול של רכיב אינטראקטיבי הפשרה הרגילה היא לשמור על הסגנון למשטחים דקורטיביים ולתת לאלמנטים אינטראקטיביים באמת גבול אמיתי או מצב מיקוד ברור צבעי הצל נגזרים מצבע פני השטח כאן, כך שמשטח כהה מייצר זוג הפוך נכון ולא אפור.