అందమైన 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

SCSS నుంచి CSS కన్వర్టర్ వరకు

మీ ఎస్సీఎస్ఎస్ కోడ్ను సీఎస్ఎస్గా మార్చండి. వేగవంతమైన, సులభమైన మరియు సురక్షితమైనది.

CSS కన్వర్టర్ కు తక్కువ

మీ లెస్ కోడ్ ని CSS గా మార్చండి. వేగవంతమైన, సులభమైన మరియు సురక్షితమైనది.

సులభంగా CSS3 రూపాంతరాలను జనరేట్ చేయండి

సంక్లిష్టమైన CSS3ని సృష్టించడానికి ఒక శక్తివంతమైన, సహజమైన సాధనం కోడ్ రాయకుండానే రూపాంతరం చెందుతుంది. రియల్ టైమ్ లో మార్పులను విజువలైజ్ చేయండి మరియు మీ ప్రాజెక్ట్ ల్లో ఉపయోగించడం కొరకు జనరేట్ చేయబడ్డ CSSను కాపీ చేయండి.

దశాంశానికి టెక్స్ట్

టెక్స్ట్ ని అప్రయత్నంగా దశాంశ ప్రాతినిధ్యానికి మార్చండి

Bytes Unit Converter

డిజిటల్ సమాచారం యొక్క విభిన్న యూనిట్ల మధ్య ఖచ్చితత్వంతో మార్చండి

కస్టమ్ డిస్క్లైమర్లను సృష్టించండి

మీ వెబ్ సైట్, అనువర్తనం లేదా సేవకు అనుగుణంగా సమగ్ర డిస్క్లైమర్లను జనరేట్ చేయండి.