CSS বর্ডার রেডিয়াস জেনারেটর
লাইভ প্রিভিউ সহ ভিজ্যুয়ালি CSS border-radius তৈরি করুন এবং প্রোডাকশন-রেডি কোড কপি করুন।
border-radius: -;
১০০% ব্যক্তিগত: সবকিছু আপনার ব্রাউজারেই চলে। কিছুই আপলোড হয় না।
CSS বর্ডার রেডিয়াস জেনারেটর সম্পর্কে
CSS Border Radius Generator নরমভাবে গোলাকার কার্ড থেকে শুরু করে জৈব-আকৃতির ব্লব পর্যন্ত সবকিছু তৈরি করে। প্রিভিউতে সরাসরি কর্নার হ্যান্ডল টেনে নিন, বা প্রতিটি কোণ সংখ্যাগতভাবে সেট করুন: সম্পূর্ণ আট-মানের সিনট্যাক্স সহ, যেখানে প্রতিটি কোণের আলাদা অনুভূমিক ও উল্লম্ব রেডিয়াস থাকে। সেই দ্বিতীয় অক্ষটিই ডিম, পাতা, অশ্রু ও ব্লব আনলক করে।
একটি link-corners টগল সব চারটি কোণকে সমন্বিত রাখে ক্লাসিক অভিন্ন গোলাকৃতির জন্য, আর আনলিঙ্ক করলে প্রতিটি কোণ অসম আকৃতির জন্য স্বাধীন হয়ে যায়। বারোটি প্রিসেট (rounded, pill, circle, squircle, দুটি blob, leaf, egg, arch, teardrop, petal এবং wave) দেখায় এই প্রপার্টিটি কী করতে পারে, এবং একটি র্যান্ডমাইজ বাটন অবিরাম নতুন জৈব আকৃতি তৈরি করে।
আপনি ইউনিট বদলাতে পারেন, আপনার ডিজাইনের সাথে মেলাতে এলিমেন্ট ও ক্যানভাসের রঙ বদলাতে পারেন, এবং খালি border-radius মান বা একটি সম্পূর্ণ CSS নিয়ম কপি করতে পারেন। টুলটি ১০০% ক্লায়েন্ট-সাইড: কিছুই আপলোড হয় না।
CSS বর্ডার রেডিয়াস জেনারেটর কীভাবে ব্যবহার করবেন
- প্রিভিউতে কর্নার হ্যান্ডল টেনে নিন, বা প্রতিটি কোণ আলাদাভাবে সম্পাদনা করতে “Link all corners” বন্ধ করুন।
- জৈব, ব্লব-সদৃশ আকৃতির জন্য প্রতি কোণে অনুভূমিক ও উল্লম্ব রেডিয়াস সেট করুন।
- আপনার ইউনিট বেছে নিন এবং প্রসঙ্গ অনুযায়ী প্রিভিউ করতে এলিমেন্ট ও পটভূমির রঙ ঠিক করুন।
- প্রিসেট চেষ্টা করুন (pill, squircle, blob, leaf, teardrop এবং আরও) অথবা র্যান্ডমাইজ চাপুন।
- border-radius মান বা সম্পূর্ণ CSS কপি করুন।