টুল ব্রাউজ করুন

CSS ক্লিপ পাথ জেনারেটর

একটি ইন্টারেক্টিভ পূর্বরূপ সহ বহুভুজ এবং আকৃতির ক্লিপ-পাথ তৈরি করুন। নায়ক আকার এবং ইমেজ মাস্ক জন্য মহান.

CSS Clip Path Generator

Live

Shape

CSS output

clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);

Key capabilities

একটি ইন্টারেক্টিভ পূর্বরূপ সহ বহুভুজ এবং আকৃতির ক্লিপ-পাথ তৈরি করুন।
আপনার ব্রাউজারে চলে
ব্যবহার করার জন্য বিনামূল্যে

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

একটি পূর্বনির্ধারিত আকৃতি বা বহুভুজ বিন্দু নির্বাচন করুন।
প্রয়োজন অনুযায়ী পয়েন্ট সামঞ্জস্য করুন।
ক্লিপ-পাথ CSS কপি করুন।

How this tool works

একটি পূর্বনির্ধারিত আকৃতি বা বহুভুজ বিন্দু নির্বাচন করুন।
প্রয়োজন অনুযায়ী পয়েন্ট সামঞ্জস্য করুন।
ক্লিপ-পাথ CSS কপি করুন।

Recommended settings

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

Supported formats

Text / on-page input

File size and limits

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

Privacy

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

Common use cases

আপনার যখনই প্রয়োজন CSS ক্লিপ পাথ জেনারেটর ব্যবহার করুন: একটি ইন্টারেক্টিভ প্রিভিউ সহ বহুভুজ তৈরি করুন এবং ক্লিপ-পাথগুলিকে আকার দিন।

Troubleshooting

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

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

প্রশ্নোত্তর

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

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

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

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

সম্পর্কিত টুল

CSS Triangle Generator

Generate CSS triangles with border tricks — direction, size, and color.

Border Radius Generator

Control each corner independently and preview rounded shapes with copy-ready CSS.

CSS Gradient Generator

Build linear, radial, and conic gradients with live preview and copy-ready CSS.