a11y.skipToMainContent
1

CS Neumorphism Generator

جنجوعہ نرم-UI neumorphism ظاہری طور پر نظر آتے ہیں — بصری رنگ، برقی سمت اور شکل اختیار کریں، پھر سی ایس ایس ایس کی نقل کریں۔.

px
px
px
px
%

Preview

CSS

Was this tool helpful?
Send output to:
Advertisement

How to use Neumorphism Generator

  1. پس‌منظر کے پس‌منظر کا جائزہ لیں — نرم یوٹیوب پر روشنی یا طنز سے بہترین کام انجام دیتے ہیں ۔.
  2. عناصر کا حجم، سرحد پارائیس، سایہ دار دور، بے چینی اور شدت مقرر کرنا۔.
  3. روشنی کی سمت اور شکل کا انتخاب کریں: پلیٹ، کنچے، کنول یا تنگ کرنے والا۔.
  4. مکمل بارڈر-ریڈیس، پس منظر اور باکس-شہداول شرعی سیٹ کو نقل کرنے کے لیے سی ایس ایس نقل کرو.

جی‌ہاں ۔?

http://eumorphism, یا sile UI، عناصر کو ایک اکائی کی سطح میں تبدیل یا دبا ہوا دکھائی دیتا ہے۔ فریب دو http://dawn-shadow/code اقدار عناصر کے پس منظر رنگ کو عام کرنا — سمت میں روشنی اور مخالف سمت کا ایک تاریک سایہ یہ مخلوق آپ کی بنیاد کے رنگ سے خودکار طور پر نمایاں اور سایہ حاصل کرتا ہے، پھر آپ عناصر حجم، سرحد پار، سایہ فاصلے، شدت اور شدت کو طے کرنے دیتے ہیں۔ روشنی کی سمت منتخب کريں اور پلیٹ ، کنیکٹس یا دباو (inset) شکل کا انتخاب کريں اور مکمل اصولوں کو نقل کريں
Advertisement

FAQ

نیوکلیئرزم دو سائبانوں کا استعمال کیوں کرتی ہے ؟?
صوت یو آئی ایک واحد برقی ماخذ کو جوہر کر کے روشنی کی روشنی پر روشنی ڈالتی ہے اس کے برعکس مخالف سمت میں اندھیرا سا سایہ، دونوں نے عناصر کے اپنے پس منظر رنگ سے بنایا تھا۔ دونوں باکس شواہد آپس میں مل کر سطح کو اونچا یا سورج گرہن بناتے ہیں۔.
( نیچے دی گئی تصویر )?
دونوں سایہوں کو ملانے سے عنصر کے اندر حرکت ہوتی ہے، اس لیے اس سے اوپر کی بجائے سطح میں دبا ہوتا ہے۔ اس آلے کا اطلاق خودبخود دب جانے والی اور کونے کی شکلوں کے لیے ہوتا ہے۔.
عناصر کو پس‌منظر سے مطابقت کیوں پیدا کرنی چاہئے ؟?
نیومورفلزم صرف نرم یو آئی کے طور پر پڑھتا ہے جب عناصر اور اس کے گرد ایک ہی بصری رنگ کو مشترک کرتے ہیں۔ اگر پس‌منظر مختلف ہے تو اسکا اثر ایک عام کمیت کے سائے کی بجائے ایک عام کمی کی طرح دکھائی دیتا ہے ۔.

Related tools

Author

MW
Marcus Webb"The DevTool Craftsman"

Full-Stack Developer & Tools Architect

Marcus has been writing code since the dial-up era. He has contributed to open-source developer tools, built CI/CD pipelines for startups, and debugged production incidents at 3 AM more times than he would like to admit. His philosophy is that the best developer tool is the one that gets out of your way, and he writes about practical tooling that helps teams ship faster with fewer headaches.

← Back to Developer Tools · All tags

Last updated:

Advertisement