பெட்டி நிழல் ஜெனரேட்டர்
ஆஃப்செட், மங்கலான, பரவல் மற்றும் வண்ணத்துடன் அடுக்கு பெட்டி-நிழல்களை வடிவமைக்கவும். ஒரு கார்டில் முன்னோட்டமிட்டு, ஒரே கிளிக்கில் CSSஐ நகலெடுக்கவும்.
Box Shadow Generator
LiveCSS 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ஐ நகலெடுக்கவும்.
தொடர்புடைய கருவிகள்
Text Shadow Generator
Craft readable text-shadow styles with live typography preview.
Open toolBorder Radius Generator
Control each corner independently and preview rounded shapes with copy-ready CSS.
Open toolCSS Gradient Generator
Build linear, radial, and conic gradients with live preview and copy-ready CSS.
Open tool