CSS Flexbox জেনারেটর
ভিজ্যুয়ালি CSS flexbox লেআউট তৈরি করুন। ডিরেকশন, অ্যালাইনমেন্ট, র্যাপিং এবং স্পেসিং সমন্বয় করার সময় রিয়েল-টাইমে ফলাফল দেখুন।
display: flex; flex-direction: row; justify-content: flex-start; align-items: stretch; flex-wrap: nowrap; gap: 8px;
CSS Flexbox জেনারেটর কী?
Flexbox হল CSS-এ এলিমেন্ট সাজানোর আধুনিক উপায়, যা float বা absolute positioning-এর চেয়ে অনেক সহজ। প্রপার্টিগুলি হল: flex-direction (সারি বা কলাম), justify-content (মূল অক্ষে অ্যালাইনমেন্ট), align-items (ক্রস অক্ষ), flex-wrap এবং gap। এই টুলটি রিয়েল-টাইম প্রিভিউ সহ এগুলি সব দেখায়।
সচরাচর জিজ্ঞাসিত প্রশ্ন
Flexbox নাকি Grid?▼
সম্পর্কিত টুল
কালার কনভার্টার (HEX/RGB/HSL)
HEX, RGB এবং HSL ফরম্যাটের মধ্যে রং রূপান্তর করুন। দৃশ্যমানভাবে একটি রং বেছে নিন বা মানগুলি ম্যানুয়ালি লিখুন।
CSS Box Shadow জেনারেটর
ভিজ্যুয়ালি CSS box-shadow মান তৈরি করুন। রিয়েল টাইমে প্রিভিউ দেখুন এবং তৈরি করা CSS কপি করুন।
CSS গ্রেডিয়েন্ট জেনারেটর
লিনিয়ার ও রেডিয়াল CSS গ্রেডিয়েন্ট তৈরি করুন। ভিজ্যুয়ালি রং বেছে নিন এবং জেনারেট হওয়া CSS কপি করুন।
Cubic Bezier অ্যাক্সিলারেশন কার্ভ জেনারেটর
CSS-এর জন্য cubic-bezier অ্যাক্সিলারেশন কার্ভ তৈরি করুন। স্ট্যান্ডার্ড প্রিসেট অন্তর্ভুক্ত।
কালার প্যালেট জেনারেটর
যেকোনো বেস কালার থেকে সুসংগত কালার প্যালেট তৈরি করুন। কমপ্লিমেন্টারি, অ্যানালগাস, ট্রায়াডিক এবং মনোক্রোম্যাটিক স্কিম সমর্থন করে।
CSS Border Radius জেনারেটর
ভিজ্যুয়ালি জটিল CSS border-radius মান তৈরি করুন। প্রতিটি কোণের স্বাধীন নিয়ন্ত্রণ।