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 কপি করুন।