আমরা CSS ক্লিপ-পাথ প্রপার্টি ব্যবহার করে একটি ত্রিভুজ তৈরি করতে পারি।
সিনট্যাক্স
CSS ক্লিপ-পাথ সম্পত্তির সিনট্যাক্স নিম্নরূপ -
Selector {
clip-path: /*value*/
} উদাহরণ
নিম্নলিখিত উদাহরণগুলি CSS ক্লিপ-পাথ সম্পত্তির চিত্র তুলে ধরে।
<!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> এটি নিম্নলিখিত আউটপুট দেয়
