CSS বাটন জেনারেটর
CSS কোডের সাথে স্টাইলিং বোতল তৈরি করুন
tools.buttonGenerator.title
tools.buttonGenerator.description
.click-me {
padding: 12px 18px;
font-size: 16px;
font-weight: 600;
border-radius: 4px;
border: none;
background-color: #3B82F6;
color: #FFFFFF;
cursor: pointer;
}
.click-me:hover {
background-color: #2563EB;
}আমাদের বোতাম জেনারেটর ব্যবহার করে CSS স্টাইলিং সহ কাস্টম বোতাম ডিজাইন করুন। আপনার ওয়েব প্রকল্পগুলির জন্য রঙ, আকার, সীমানা এবং হোভার প্রভাব সহ স্টাইলযুক্ত বোতাম তৈরি করুন।
Key Features
কাস্টমাইজযোগ্য বোতাম পাঠ্য এবং স্টাইলিং
ব্যাকগ্রাউন্ড এবং টেক্সট রঙের জন্য কালার পিকার
সামঞ্জস্যযোগ্য প্যাডিং, ফন্টের আকার এবং সীমানা ব্যাসার্ধ
ফন্ট ওজন এবং শৈলী বিকল্প
বর্ডার স্টাইলিং (কোনটি নয়, কঠিন, ড্যাশড, ডটেড)
হোভার প্রভাব রঙ নির্বাচন
বোতাম জেনারেটর
বোতাম টেক্সট লিখুন
আপনি আপনার বোতামে প্রদর্শিত লেবেল পাঠ্যটি টাইপ করুন
কালার কাস্টমাইজ করুন
ব্যাকগ্রাউন্ড, টেক্সট এবং হোভার কালার সেট করতে কালার পিকার ব্যবহার করুন
মাত্রা সামঞ্জস্য করুন
আকারের জন্য প্যাডিং, ফন্টের আকার এবং সীমানা ব্যাসার্ধ সেট করুন
স্টাইলিং যোগ করুন
ফন্ট ওজন চয়ন করুন এবং যদি ইচ্ছা হয় সীমানা শৈলী নির্বাচন করুন
CSS কপি করুন
আপনার স্টাইল করা বোতামের জন্য CSS কোড পেতে অনুলিপি ক্লিক করুন
Use Cases
ল্যান্ডিং পৃষ্ঠাগুলির জন্য কল-টু-অ্যাকশন বোতাম তৈরি করা হচ্ছে
ওয়েব অ্যাপ্লিকেশনের জন্য সামঞ্জস্যপূর্ণ বোতাম শৈলী ডিজাইন করা
বিল্ডিং বোতাম হভার স্টেট ইন্টারেক্টিভ প্রতিক্রিয়া জন্য
ডিজাইন সিস্টেমের জন্য প্রোটোটাইপিং UI উপাদানগুলি
Frequently Asked Questions
আমি কি বিভিন্ন বোতামের অবস্থা তৈরি করতে পারি?
হ্যাঁ, জেনারেটর স্বয়ংক্রিয়ভাবে স্বাভাবিক এবং হোভার স্টেট উভয়ই তৈরি করে
কোন CSS ক্লাস তৈরি হয়?
টুলটি আপনার বোতামের পাঠ্যের উপর ভিত্তি করে শব্দার্থিক শ্রেণীর নাম তৈরি করে
আমি সীমানা শৈলী কাস্টমাইজ করতে পারি?
হ্যাঁ, কাস্টম প্রস্থ সহ কঠিন, ড্যাশড, ডটেড বা ডবল বর্ডার থেকে কোনটিই বেছে নিন
কোড উত্পাদন প্রস্তুত?
হ্যাঁ, সমস্ত তৈরি করা CSS অপ্টিমাইজ করা হয়েছে এবং উৎপাদনে ব্যবহারের জন্য প্রস্তুত
Tool Information
Related Tools You Might Like
ছবি থেকে Color Palette Generator
একটি ছবি থেকে ভয়াবহ রঙ বের করুন
RGB / HEX রূপান্তরকারী
RGB এবং HEX রঙ ফরমেটের মধ্যে পরিদর্শন
CSS Gradient জেনারেটর
পূর্বাভাসের সাথে custom CSS gradients তৈরি করুন
WCAG প্রতিরোধ চেকার
WCAG স্ট্যান্ডার্ড অনুযায়ী রঙের প্রতিরোধ পরীক্ষা করুন
ডিজিটাল signature জেনারেটর
বিভিন্ন ফটোগ্রামের সাথে ডিজিটাল চিঠি তৈরি করুন
ছায়া জেনারেটর
CSS বক্স ছায়া তৈরি করুন
Surfboard Volume ক্যালকুলেটার
আপনার ওজন, অভিজ্ঞতা মাত্রা এবং ভয়াবহ অবস্থার উপর ভিত্তি করে সার্ফবোর্ড মোটামুটি হিসাব করুন।
Wave Height কনভার্টার
বিভিন্ন জল উচ্চতা মাত্রাগুলির মধ্যে পরিদর্শন করুন (পৃথিবীর উচ্চতা, হাওয়াই স্কুল, সমুদ্র ত্বক)।
Scuba Dive পরিকল্পনা
গভীরতা সীমাবদ্ধতা, নিম্ন সময় এবং নিরাপত্তা decompression প্রয়োজনীয়তা সঙ্গে আপনার স্কুবা ডাইভিং পরিকল্পনা করুন।