బాక్స్ షాడో జనరేటర్

ఆఫ్‌సెట్, బ్లర్, స్ప్రెడ్ మరియు కలర్‌తో లేయర్డ్ బాక్స్-షాడోలను డిజైన్ చేయండి. కార్డ్‌పై ప్రివ్యూ చేసి, ఆపై 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 జనరేటర్లు మీ బ్రౌజర్‌లో పూర్తిగా రన్ అవుతాయి. ప్రివ్యూలు మరియు మార్పిడులు మీ శైలులను ఎప్పుడూ అప్‌లోడ్ చేయవు.

Common use cases

మీకు అవసరమైనప్పుడు బాక్స్ షాడో జనరేటర్‌ని ఉపయోగించండి: ఆఫ్‌సెట్, బ్లర్, స్ప్రెడ్ మరియు కలర్‌తో లేయర్డ్ బాక్స్-షాడోలను డిజైన్ చేయండి — లైవ్ ప్రివ్యూ కూడా చేర్చబడింది.

Troubleshooting

అతికించిన తర్వాత ప్రివ్యూ భిన్నంగా కనిపిస్తుంది

మీ పేజీలో పోటీ CSS కోసం తనిఖీ చేయండి (రీసెట్లు, వారసత్వంగా వచ్చిన రంగులు). ముందుగా రూపొందించబడిన నియమాన్ని వివిక్త స్టైల్‌షీట్‌లోకి కాపీ చేయండి.

తరచుగా అడిగే ప్రశ్నలు

ఇది నా CSSని అప్‌లోడ్ చేస్తుందా?

లేదు. జనరేటర్‌లు మరియు కన్వర్టర్‌లు మీ బ్రౌజర్‌లో లైవ్ ప్రివ్యూతో రన్ అవుతాయి.

నాకు ఖాతా అవసరమా?

లేదు. సాధనాన్ని తెరవండి, నియంత్రణలను సర్దుబాటు చేయండి మరియు CSSని కాపీ చేయండి.