CSS ত্রিভুজ জেনারেটর

ক্লাসিক বর্ডার ট্রিক দিয়ে CSS ত্রিভুজ তৈরি করুন। দিকনির্দেশ, আকার এবং রঙ সেট করুন, তারপর স্নিপেটটি অনুলিপি করুন।

CSS Triangle Generator

Live

Direction

Size60px

Color

CSS output

width: 0;
height: 0;
border-left: 60px solid transparent;
border-right: 60px solid transparent;
border-bottom: 60px solid #e11d48;

Key capabilities

সীমানা কৌশল সহ CSS ত্রিভুজ তৈরি করুন — দিক, আকার এবং রঙ।
আপনার ব্রাউজারে চলে
ব্যবহার করার জন্য বিনামূল্যে

কীভাবে ব্যবহার করবেন

ত্রিভুজ দিক নির্বাচন করুন।
আকার সেট করুন এবং রঙ পূরণ করুন।
CSS কপি করুন।

How this tool works

ত্রিভুজ দিক নির্বাচন করুন।
আকার সেট করুন এবং রঙ পূরণ করুন।
CSS কপি করুন।

Recommended settings

প্রথমে ডিফল্ট বিকল্পগুলি ব্যবহার করুন, তারপর প্রয়োজন হলে সামঞ্জস্য করুন

Supported formats

Text / on-page input

File size and limits

খুব জটিল মাল্টি-লেয়ার প্রিভিউ পুরানো ফোনে ধীরগতির মনে হতে পারে।

Privacy

রঙ এবং CSS জেনারেটর সম্পূর্ণরূপে আপনার ব্রাউজারে চলে। পূর্বরূপ এবং রূপান্তর আপনার শৈলী আপলোড না.

Common use cases

আপনার যখনই প্রয়োজন CSS ত্রিভুজ জেনারেটর ব্যবহার করুন: সীমানা কৌশল সহ CSS ত্রিভুজ তৈরি করুন — দিক, আকার এবং রঙ।

Troubleshooting

প্রিভিউ পেস্ট করার পরে ভিন্ন দেখায়

আপনার পৃষ্ঠায় প্রতিযোগী CSS পরীক্ষা করুন (রিসেট, উত্তরাধিকারসূত্রে পাওয়া রং)। উত্পন্ন নিয়মটি প্রথমে একটি বিচ্ছিন্ন স্টাইলশীটে অনুলিপি করুন।

প্রশ্নোত্তর

এটি কি আমার সিএসএস আপলোড করে?

না। জেনারেটর এবং রূপান্তরকারী লাইভ প্রিভিউ সহ আপনার ব্রাউজারে চলে।

আমি একটি অ্যাকাউন্ট প্রয়োজন?

না। টুল খুলুন, নিয়ন্ত্রণ পরিবর্তন করুন এবং CSS কপি করুন।