আমরা CSS clip-path প্রোপার্টি ব্যবহার করে ট্রায়্যাঙ্গেল তৈরি করতে পারি।
সিনট্যাক্স
CSS clip-path প্রোপার্টির সিনট্যাক্স নিচের মতো:
Selector { clip-path: /*value*/ }
উদাহরণ
নিচের উদাহরণগুলো CSS clip-path প্রোপার্টি ব্যাখ্যা করে।
<!DOCTYPE html> <html> <head> <style> div { padding: 10%; border-radius: 2%; width: 10%; box-shadow: inset 0 0 80px violet; clip-path: polygon(50% 0, 100% 100%, 0% 100%); } </style> </head> <body> <div></div> </body> </html>
এটি নিচের আউটপুট দেয়:
আরেকটি উদাহরণ
<!DOCTYPE html> <html> <head> <style> div { display: flex; margin: 10px 0 20px; } div > div { height: 12px; border-top: 40px ridge orange; border-right: 20px solid white; border-bottom: 60px ridge cornflowerblue; border-left: 80px solid white; } </style> </head> <body> <div> <div></div> </div> </body> </html>
এটি নিচের আউটপুট দেয়:
