பெட்டி நிழல் ஜெனரேட்டர்

ஆஃப்செட், மங்கலான, பரவல் மற்றும் வண்ணத்துடன் அடுக்கு பெட்டி-நிழல்களை வடிவமைக்கவும். ஒரு கார்டில் முன்னோட்டமிட்டு, ஒரே கிளிக்கில் CSSஐ நகலெடுக்கவும்.

Box Shadow Generator

Live
Preview card

CSS output

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

Key capabilities

  • அடுக்கு பெட்டி-நிழல்களை ஆஃப்செட், மங்கல், பரவல் மற்றும் வண்ணத்துடன் வடிவமைக்கவும் - நேரடி முன்னோட்டம் சேர்க்கப்பட்டுள்ளது.
  • உங்கள் உலாவியில் இயங்கும்
  • பயன்படுத்த இலவசம்

எப்படி பயன்படுத்துவது

  1. ஆஃப்செட், மங்கல் மற்றும் பரவலை சரிசெய்யவும்.
  2. நிறம் மற்றும் ஒளிபுகாநிலையைத் தேர்ந்தெடுக்கவும் (அல்லது அடுக்குகளைச் சேர்க்கவும்).
  3. பெட்டி-நிழல் CSS ஐ நகலெடுக்கவும்.

How this tool works

  1. ஆஃப்செட், மங்கல் மற்றும் பரவலை சரிசெய்யவும்.
  2. நிறம் மற்றும் ஒளிபுகாநிலையைத் தேர்ந்தெடுக்கவும் (அல்லது அடுக்குகளைச் சேர்க்கவும்).
  3. பெட்டி-நிழல் CSS ஐ நகலெடுக்கவும்.

Recommended settings

  • முதலில் இயல்புநிலை விருப்பங்களைப் பயன்படுத்தவும், பின்னர் தேவைப்பட்டால் சரிசெய்யவும்

Supported formats

Text / on-page input

File size and limits

  • மிகவும் சிக்கலான பல அடுக்கு மாதிரிக்காட்சிகள் பழைய தொலைபேசிகளில் மெதுவாக உணரலாம்.

Privacy

கலர் & CSS ஜெனரேட்டர்கள் உங்கள் உலாவியில் முழுமையாக இயங்கும். முன்னோட்டங்களும் மாற்றங்களும் உங்கள் பாணிகளை ஒருபோதும் பதிவேற்றாது.

Common use cases

  • உங்களுக்குத் தேவைப்படும்போது பெட்டி நிழல் ஜெனரேட்டரைப் பயன்படுத்தவும்: ஆஃப்செட், மங்கலான, பரவல் மற்றும் வண்ணத்துடன் அடுக்கு பெட்டி-நிழல்களை வடிவமைக்கவும் - நேரடி முன்னோட்டம் சேர்க்கப்பட்டுள்ளது.

Troubleshooting

ஒட்டப்பட்ட பிறகு முன்னோட்டம் வித்தியாசமாகத் தெரிகிறது

உங்கள் பக்கத்தில் போட்டியிடும் CSS ஐச் சரிபார்க்கவும் (மீட்டமைப்புகள், மரபுரிமை நிறங்கள்). உருவாக்கப்பட்ட விதியை முதலில் தனிமைப்படுத்தப்பட்ட நடைதாளில் நகலெடுக்கவும்.

அடிக்கடி கேட்கப்படும் கேள்விகள்

இது எனது CSS ஐ பதிவேற்றுகிறதா?

இல்லை. ஜெனரேட்டர்கள் மற்றும் மாற்றிகள் உங்கள் உலாவியில் நேரடி முன்னோட்டத்துடன் இயங்கும்.

எனக்கு கணக்கு தேவையா?

இல்லை. கருவியைத் திறந்து, கட்டுப்பாடுகளை மாற்றி, CSSஐ நகலெடுக்கவும்.

தொடர்புடைய கருவிகள்