নিউমরফিজম জেনারেটর

নিউমরফিজম জেনারেটর সম্পর্কে

Neumorphism Generator নরম, খোদাই করা “সফট UI” লুক ডিজাইন করে: এমন একটি এলিমেন্ট যা তার পেছনের পৃষ্ঠ থেকে বাইরে ঠেলে বের হওয়া বা ভেতরে ঢুকে থাকা মনে হয়। একটি বেস কালার বেছে নিন, বাকি সব টুলটি নিজেই বের করে নেয়, কারণ এই ইফেক্ট তখনই কাজ করে যখন এলিমেন্ট ও তার পটভূমি একই রঙ শেয়ার করে এবং গভীরতা আসে সম্পূর্ণভাবে দুটি বিপরীতমুখী box-shadow থেকে।

স্লাইডারগুলো জ্যামিতি নিয়ন্ত্রণ করে: আকার, বর্ডার রেডিয়াস, শ্যাডোর দূরত্ব, তাদের তীব্রতা এবং ব্লার। চারটি শেপ মোড — flat, concave, convex এবং pressed — অভ্যন্তরীণ গ্রেডিয়েন্ট ও শ্যাডো দিক পাল্টায়, এবং একটি লাইট-সোর্স পিকার হাইলাইটটি চার কোণের যেকোনো একটিতে সরিয়ে নেয়, যাতে এলিমেন্টটি আপনার ডিজাইনের আলোর সাথে মেলে।

ডিফল্টভাবে হালকা ও গাঢ় শ্যাডো রঙ বেস কালার থেকে হিসাব করা হয়, তবে ম্যানুয়াল মোডে আপনি নিজে উভয়টি সেট করতে পারেন। তৈরি হওয়া CSS — background, radius এবং দুই box-shadow — এক ক্লিক দূরে।

নিউমরফিজম জেনারেটর কীভাবে ব্যবহার করবেন

1. বেস কালার বেছে নিন — এটি এলিমেন্ট এবং তার পেছনের ক্যানভাস উভয়ের ওপর প্রয়োগ হয়।
2. একটি শেপ বেছে নিন: flat, concave, convex বা pressed।
3. হাইলাইট কোথায় পড়বে তা নিয়ন্ত্রণ করতে লাইট সোর্স কোণ সেট করুন।
4. স্লাইডার দিয়ে আকার, বর্ডার রেডিয়াস, দূরত্ব, তীব্রতা ও ব্লার ঠিক করুন।
5. হিসাব করা হালকা ও গাঢ় টোন ওভাররাইড করতে চাইলে ম্যানুয়াল শ্যাডো রঙ চালু করুন।
6. CSS কপি করে আপনার এলিমেন্টে পেস্ট করুন।

সচরাচর জিজ্ঞাসিত প্রশ্ন