ବାକ୍ସ ଛାୟା ଜେନେରେଟର |

ଅଫସେଟ, ଅସ୍ପଷ୍ଟ, ବିସ୍ତାର ଏବଂ ରଙ୍ଗ ସହିତ ସ୍ତରୀୟ ବାକ୍ସ-ଛାୟା ଡିଜାଇନ୍ କରନ୍ତୁ | ଏକ କାର୍ଡରେ ପୂର୍ବାବଲୋକନ କରନ୍ତୁ, ତାପରେ ଗୋଟିଏ କ୍ଲିକ୍ ରେ CSS କପି କରନ୍ତୁ |

Box Shadow Generator

Live

Offset X8px

Offset Y16px

Blur32px

Spread-4px

Opacity35%

Card radius24px

Shadow color

Inset

Preview card

CSS output

box-shadow: 8px 16px 32px -4px rgba(192, 38, 211, 0.35);
border-radius: 24px;

Key capabilities

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

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

ଅଫସେଟ, ଅସ୍ପଷ୍ଟ ଏବଂ ବିସ୍ତାର କରନ୍ତୁ |
ରଙ୍ଗ ଏବଂ ସ୍ୱଚ୍ଛତା ବାଛନ୍ତୁ (କିମ୍ବା ସ୍ତର ଯୋଡନ୍ତୁ) |
ବାକ୍ସ-ଛାୟା CSS କପି କରନ୍ତୁ |

How this tool works

ଅଫସେଟ, ଅସ୍ପଷ୍ଟ ଏବଂ ବିସ୍ତାର କରନ୍ତୁ |
ରଙ୍ଗ ଏବଂ ସ୍ୱଚ୍ଛତା ବାଛନ୍ତୁ (କିମ୍ବା ସ୍ତର ଯୋଡନ୍ତୁ) |
ବାକ୍ସ-ଛାୟା CSS କପି କରନ୍ତୁ |

Recommended settings

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

Supported formats

Text / on-page input

File size and limits

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

Privacy

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

Common use cases

ଯେତେବେଳେ ଆପଣ ଆବଶ୍ୟକ କରନ୍ତି ବକ୍ସ ଛାୟା ଜେନେରେଟର ବ୍ୟବହାର କରନ୍ତୁ: ଅଫସେଟ, ଅସ୍ପଷ୍ଟ, ବିସ୍ତାର, ଏବଂ ରଙ୍ଗ ସହିତ ସ୍ତରୀୟ ବାକ୍ସ-ଛାୟା ଡିଜାଇନ୍ କରନ୍ତୁ - ଲାଇଭ୍ ପୂର୍ବାବଲୋକନ ଅନ୍ତର୍ଭୁକ୍ତ |

Troubleshooting

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

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

FAQ

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

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

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

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