সহজে CSS3 ট্রান্সফর্ম তৈরি করুন
নীচের বিকল্পগুলি ব্যবহার করে আপনার ত্রিভুজটি কাস্টমাইজ করুন এবং তাৎক্ষণিকভাবে তৈরি CSS কোডটি পান।
Controls
শক্ত ত্রিভুজগুলির জন্য 0 এ সেট করুন
Preview
উত্পন্ন সিএসএস
$triangle-color: #165DFF; $triangle-size: 100px; .triangle { width: 0; height: 0; border-left: $triangle-size solid transparent; border-right: $triangle-size solid transparent; border-bottom: calc($triangle-size * 2) solid $triangle-color; }
শক্তিশালী বৈশিষ্ট্য
আমাদের সিএসএস ত্রিভুজ জেনারেটর আপনার প্রকল্পগুলির জন্য নিখুঁত ত্রিভুজ তৈরি করতে সহায়তা করার জন্য বিভিন্ন বৈশিষ্ট্য নিয়ে আসে।
সম্পূর্ণ নিয়ন্ত্রণ
আপনার নকশার জন্য নিখুঁত ত্রিভুজ তৈরি করতে আকার, দিক, রঙ এবং সীমানা প্রস্থ সামঞ্জস্য করুন।
ক্লিপবোর্ডে
প্রকল্পগুলিতে সহজ ইন্টিগ্রেশনের জন্য তাত্ক্ষণিকভাবে উত্পন্ন সিএসএস কোডটি একক ক্লিকের সাথে অনুলিপি করুন।
প্রতিক্রিয়াশীল ডিজাইন
জেনারেটর ডেস্কটপ থেকে মোবাইল পর্যন্ত সমস্ত ডিভাইসে পুরোপুরি কাজ করে, আপনি যে কোনও জায়গায় ত্রিভুজ তৈরি করতে পারেন তা নিশ্চিত করে।
অ্যানিমেটেড ত্রিভুজগুলি
পালস, বাউন্স এবং ঘূর্ণনের মতো অন্তর্নির্মিত অ্যানিমেশনগুলির সাথে আপনার ত্রিভুজগুলিতে আন্দোলন যুক্ত করুন।
ত্রিভুজ কনফিগারেশনগুলি সংরক্ষণ করুন এবং সেগুলি দলের সদস্য বা বন্ধুদের সাথে ভাগ করুন।
একাধিক দিকনির্দেশ একক
ক্লিকের মাধ্যমে তির্যক সহ যে কোনও দিকে নির্দেশ করে ত্রিভুজ তৈরি করুন।
ত্রিভুজগুলি কীভাবে বাস্তব-বিশ্বের নকশা পরিস্থিতিতে ব্যবহার করা যেতে পারে তা দেখুন।
স্পিকএইচ বুদ্বুদ
খাঁটি সিএসএস ব্যবহার করে ত্রিভুজাকার পয়েন্টারগুলির সাথে চ্যাট ইন্টারফেস তৈরি করুন।
প্লে বোতাম
সিএসএস ত্রিভুজ ব্যবহার করে আড়ম্বরপূর্ণ প্লে / বিরতি বোতাম সহ
নেভিগেশন তীর
পরিষ্কার, লাইটওয়েট ত্রিভুজাকার তীর সঙ্গে নেভিগেশন নিয়ন্ত্রণ বাস্তবায়ন।
ব্যাজ বা বিজ্ঞপ্তি সিএসএস
ত্রিভুজ দিয়ে মনোযোগ আকর্ষণকারী ব্যাজ এবং বিজ্ঞপ্তি তৈরি করুন।
জ্যামিতিক প্যাটার্ন
ডিজাইন সিএসএস ত্রিভুজের সংমিশ্রণ ব্যবহার করে জটিল পটভূমি এবং নিদর্শন।
Tooltip
ত্রিভুজ ব্যবহার করে স্টাইলযুক্ত পয়েন্টারগুলির সাথে ইন্টারেক্টিভ টুলটিপস তৈরি করুন।
সিএসএস ত্রিভুজ জেনারেটর
সিএসএস ত্রিভুজ জেনারেটর ওয়েব ডেভেলপার এবং ডিজাইনারদের জন্য ডিজাইন করা একটি শক্তিশালী সরঞ্জাম যা দ্রুত এবং দক্ষতার সাথে সিএসএস ত্রিভুজ তৈরি করতে হবে। আপনি একটি সাধারণ টুলটিপ, একটি জটিল ইউআই উপাদান তৈরি করছেন বা কেবল সিএসএস নিয়ে পরীক্ষা করছেন কিনা, আমাদের জেনারেটর আপনাকে আচ্ছাদিত করেছে।
সিএসএস ত্রিভুজ কেন ব্যবহার করবেন?
- লাইটওয়েট: কোনও চিত্র বা অতিরিক্ত সংস্থান প্রয়োজন
- নেই স্কেলেবল: যে কোনও আকারে নিখুঁত গুণমান ধরে রাখুন
- কাস্টমাইজযোগ্য: আকার, রঙ এবং দিকনির্দেশের
- পারফরম্যান্স: চিত্র-ভিত্তিক সমাধানগুলির তুলনায় ভাল লোডিং সময়
- প্রতিক্রিয়াশীল: সমস্ত ডিভাইস
Related Tools
স্পিড ইউনিট কনভার্টার
আপনার প্রকৌশল, বৈজ্ঞানিক এবং দৈনন্দিন প্রয়োজনের জন্য নির্ভুলতার সাথে গতির বিভিন্ন ইউনিটের মধ্যে রূপান্তর করুন
SHA-1 হ্যাশ ক্যালকুলেটর
আপনার Sass কোডকে CSS এ রূপান্তর করুন। দ্রুত, সহজ এবং নিরাপদ।
লোন ক্যালকুলেটর
আপনার লেস কোডকে CSS-এ রূপান্তর করুন। দ্রুত, সহজ এবং নিরাপদ।
হেক্স থেকে এইচএসভি
হেক্সাডেসিমেল সংখ্যাগুলিকে অনায়াসে দশমিকে রূপান্তর করুন
CSS স্ক্রোলবার জেনারেটর
আপনার ওয়েবসাইটের জন্য আকর্ষণীয় রিবন ডিজাইন করুন
এইচটিএমএল মিনিফায়ার
আপনার ব্রাউজারে সহজেই HTML এন্টিটিতে টেক্সট এনকোড করুন। ডেভেলপার এবং কন্টেন্ট নির্মাতাদের জন্য উপযুক্ত।