CSS ତ୍ରିରଙ୍ଗା ଜେନେରେଟର |

କ୍ଲାସିକ୍ ସୀମା କ ick ଶଳ ସହିତ 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

ସୀମା କ icks ଶଳ ସହିତ CSS ତ୍ରିରଙ୍ଗା ସୃଷ୍ଟି କରନ୍ତୁ - ଦିଗ, ଆକାର, ଏବଂ ରଙ୍ଗ |
ଆପଣଙ୍କ ବ୍ରାଉଜରରେ ଚାଲିଥାଏ |
ବ୍ୟବହାର କରିବାକୁ ମାଗଣା |

କିପରି ବ୍ୟବହାର କରିବେ |

ତ୍ରିରଙ୍ଗା ଦିଗ ବାଛନ୍ତୁ |
ଆକାର ସେଟ୍ କରନ୍ତୁ ଏବଂ ରଙ୍ଗ ଭରନ୍ତୁ |
CSS କପି କରନ୍ତୁ |

How this tool works

ତ୍ରିରଙ୍ଗା ଦିଗ ବାଛନ୍ତୁ |
ଆକାର ସେଟ୍ କରନ୍ତୁ ଏବଂ ରଙ୍ଗ ଭରନ୍ତୁ |
CSS କପି କରନ୍ତୁ |

Recommended settings

ପ୍ରଥମେ ଡିଫଲ୍ଟ ବିକଳ୍ପଗୁଡିକ ବ୍ୟବହାର କରନ୍ତୁ, ତାପରେ ଆବଶ୍ୟକ ହେଲେ ଆଡଜଷ୍ଟ କରନ୍ତୁ |

Supported formats

Text / on-page input

File size and limits

ଅତ୍ୟଧିକ ଜଟିଳ ମଲ୍ଟି-ଲେୟାର ପୂର୍ବାବଲୋକନ ପୁରୁଣା ଫୋନରେ ମନ୍ଥର ଅନୁଭବ କରିପାରନ୍ତି |

Privacy

ରଙ୍ଗ ଏବଂ CSS ଜେନେରେଟରଗୁଡ଼ିକ ସମ୍ପୁର୍ଣ୍ଣ ଭାବରେ ଆପଣଙ୍କ ବ୍ରାଉଜରରେ ଚାଲିଥାଏ | ପୂର୍ବାବଲୋକନ ଏବଂ ରୂପାନ୍ତରଗୁଡ଼ିକ କେବେବି ଆପଣଙ୍କର ଶ yles ଳୀ ଅପଲୋଡ୍ କରେ ନାହିଁ |

Common use cases

ଯେତେବେଳେ ଆପଣ ଆବଶ୍ୟକ କରନ୍ତି CSS ତ୍ରିରଙ୍ଗା ଜେନେରେଟର ବ୍ୟବହାର କରନ୍ତୁ: ସୀମା କ icks ଶଳ ସହିତ CSS ତ୍ରିରଙ୍ଗା ସୃଷ୍ଟି କରନ୍ତୁ - ଦିଗ, ଆକାର, ଏବଂ ରଙ୍ଗ |

Troubleshooting

ପେଷ୍ଟ ପରେ ପୂର୍ବାବଲୋକନ ଭିନ୍ନ ଦେଖାଯାଏ |

ଆପଣଙ୍କ ପୃଷ୍ଠାରେ ପ୍ରତିଯୋଗୀ CSS ଯାଞ୍ଚ କରନ୍ତୁ (ପୁନ ets ସେଟ୍, ଉତ୍ତରାଧିକାରୀ ରଙ୍ଗ) | ସୃଷ୍ଟି ହୋଇଥିବା ନିୟମକୁ ପ୍ରଥମେ ଏକ ପୃଥକ ଶ yles ଳୀରେ କପି କରନ୍ତୁ |

FAQ

ଏହା ମୋର CSS ଅପଲୋଡ୍ କରେ କି?

ନା। ଜେନେରେଟର ଏବଂ କନଭର୍ଟରଗୁଡ଼ିକ ଲାଇଭ ପ୍ରିଭ୍ୟୁ ସହିତ ଆପଣଙ୍କ ବ୍ରାଉଜରରେ ଚାଲିଥାଏ |

ମୋର ଏକ ଖାତା ଦରକାର କି?

ନା। ଟୁଲ୍ ଖୋଲ, ନିୟନ୍ତ୍ରଣକୁ ଟ୍ୱିକ୍ କର ଏବଂ CSS କୁ କପି କର |