CSS ଗ୍ରେଡିଏଣ୍ଟ୍ ଜେନେରେଟର |

ଲାଇଭ୍ ପୂର୍ବାବଲୋକନ ଏବଂ କପି-ପ୍ରସ୍ତୁତ CSS ସହିତ ର line ଖ୍ୟ, ରେଡିଆଲ୍, ଏବଂ କନିକ୍ ଗ୍ରେଡିଏଣ୍ଟ୍ ନିର୍ମାଣ କରନ୍ତୁ | ଷ୍ଟପ୍, କୋଣ, ଏବଂ ଆକୃତିଗୁଡିକ ଆଡଜଷ୍ଟ୍ କରନ୍ତୁ - ତାପରେ ଆପଣଙ୍କର ଷ୍ଟାଇଲ୍ ଶୀଟ୍ ରେ ଲେପନ କରନ୍ତୁ |

CSS Gradient Generator

Live

Type

Angle135°

Stop 1

Stop 2

Third color stopStop 3

CSS output

background: linear-gradient(135deg, #c026d3 0%, #fb923c 50%, #f43f5e 100%);

Key capabilities

ଲାଇଭ୍ ପୂର୍ବାବଲୋକନ ଏବଂ କପି-ପ୍ରସ୍ତୁତ CSS ସହିତ ର line ଖ୍ୟ, ରେଡିଆଲ୍, ଏବଂ କନିକ୍ ଗ୍ରେଡିଏଣ୍ଟ୍ ନିର୍ମାଣ କରନ୍ତୁ |
ଆପଣଙ୍କ ବ୍ରାଉଜରରେ ଚାଲିଥାଏ |
ବ୍ୟବହାର କରିବାକୁ ମାଗଣା |

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

ଗ୍ରେଡିଏଣ୍ଟ ପ୍ରକାର ଏବଂ କୋଣ କିମ୍ବା ଅବସ୍ଥାନ ବାଛନ୍ତୁ |
ରଙ୍ଗ ଷ୍ଟପ୍ ଯୋଡନ୍ତୁ କିମ୍ବା ସଂପାଦନ କରନ୍ତୁ |
ଉତ୍ପାଦିତ 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 ଗ୍ରେଡିଏଣ୍ଟ୍ ଜେନେରେଟର ବ୍ୟବହାର କରନ୍ତୁ: ଲାଇଭ୍ ପ୍ରିଭ୍ୟୁ ଏବଂ କପି-ପ୍ରସ୍ତୁତ CSS ସହିତ ର line ଖ୍ୟ, ରେଡିଆଲ୍, ଏବଂ କନିକ୍ ଗ୍ରେଡିଏଣ୍ଟ୍ ନିର୍ମାଣ କରନ୍ତୁ |

Troubleshooting

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

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

FAQ

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

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

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

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