అందమైన CSS బాక్స్ షాడోలను అప్రయత్నంగా సృష్టించండి

మా సహజ ఇంటర్ఫేస్తో అద్భుతమైన బాక్స్ షాడోలను జనరేట్ చేయండి. CSS కోడ్ ను కాపీ చేయండి మరియు దానిని తక్షణమే మీ ప్రాజెక్ట్ ల్లో ఉపయోగించండి.

Preview

బాక్స్ షాడో

నన్ను కస్టమైజ్ చేయండి

CSS Output

box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);

షాడో కంట్రోల్స్

Position

0px
4px

Size

6px
-1px

Color

10%

Options

Presets

మృదువైన నీడ

మీడియం షాడో

భారీ నీడ

లోపలి నీడ

పదునైన కర్ణం

అవుట్ లైన్ గ్లో

డబుల్ షాడో

ఎత్తివేసిన ప్రభావం

ఎలా ఉపయోగించాలి

ప్రాథమిక నియంత్రణలు

  • సర్దుబాటు చేయండిహారిజాంటల్ ఆఫ్ సెట్నీడను ఎడమ లేదా కుడి వైపుకు కదిలించడానికి
  • సర్దుబాటు చేయండిVertical Offsetనీడను పైకి లేదా క్రిందికి తరలించడానికి
  • పెంచండిబ్లర్ రేడియస్నీడను మృదువుగా మార్చడానికి
  • Use Spread వ్యాసమునీడ యొక్క మొత్తం పరిమాణాన్ని పెంచడానికి లేదా తగ్గించడానికి
  • మార్చండిColor and Opacityషాడో రూపాన్ని కస్టమైజ్ చేయడానికి

అధునాతన ఫీచర్లు

  • Enable ఇన్ సెట్ నీడఅంతర్గత షాడో ప్రభావాన్ని సృష్టించడానికి
  • Use బహుళ ఛాయలుమరింత సంక్లిష్ట ప్రభావాల కోసం
  • సేవ్ మరియు లోడ్Presetsమీకు ఇష్టమైన ఛాయలకు శీఘ్ర ప్రాప్యత కోసం
  • Click యాదృచ్ఛిక నీడప్రేరణ కోసం
  • జనరేట్ చేయబడ్డ CSS కోడ్ ని కాపీ చేయండి మరియు దానిని మీ ప్రాజెక్ట్ లో పేస్ట్ చేయండి.

Related Tools