அழகான CSS பெட்டி நிழல்களை சிரமமின்றி உருவாக்கவும்
எங்கள் உள்ளுணர்வு இடைமுகத்துடன் அதிர்ச்சியூட்டும் பெட்டி நிழல்களை உருவாக்கவும். CSS குறியீட்டை நகலெடுத்து உங்கள் திட்டங்களில் உடனடியாகப் பயன்படுத்தவும்.
Preview
பெட்டி நிழல்
என்னைத் தனிப்பயனாக்குங்கள்
CSS வெளியீடு
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
நிழல் கட்டுப்பாடுகள்
Position
Size
Color
Options
Presets
மென்மையான நிழல்
நடுத்தர நிழல்
கனத்த நிழல்
உள் நிழல்
கூர்மையான மூலைவிட்டம்
அவுட்லைன் க்ளோ
இரட்டை நிழல்
உயர்த்தப்பட்ட விளைவு
எப்படி உபயோகிப்பது
அடிப்படை கட்டுப்பாடுகள்
- அட்ஜஸ்ட் பண்ணுங்ககிடைமட்ட ஆஃப்செட்நிழலை இடது அல்லது வலதுபுறமாக நகர்த்த
- அட்ஜஸ்ட் பண்ணுங்கசெங்குத்து ஆஃப்செட்நிழலை மேலும் கீழும் நகர்த்த
- அதிகரிக்கும்மங்கலான ஆரம்நிழலை மென்மையாக்க
- Use பரவல் ஆரம்நிழலின் ஒட்டுமொத்த அளவை அதிகரிக்க அல்லது குறைக்க
- மாற்றுColor and Opacityநிழல் தோற்றத்தை தனிப்பயனாக்க
மேம்பட்ட அம்சங்கள்
- Enable இன்செட் ஷேடோஉள் நிழல் விளைவை உருவாக்க
- Use பல நிழல்கள்மிகவும் சிக்கலான விளைவுகளுக்கு
- சேமித்து ஏற்றவும்Presetsஉங்களுக்கு பிடித்த நிழல்களை விரைவான அணுகலுக்கு
- Click சீரற்ற நிழல்உத்வேகத்திற்காக
- உருவாக்கப்பட்ட CSS குறியீட்டை நகலெடுத்து உங்கள் திட்டத்தில் ஒட்டவும்
Related Tools
CSS3 உருமாற்றங்களை எளிதாக உருவாக்கவும்
சிக்கலான CSS3 ஐ உருவாக்குவதற்கான ஒரு சக்திவாய்ந்த, உள்ளுணர்வு கருவி குறியீடு எழுதாமல் மாற்றுகிறது. நிகழ்நேரத்தில் மாற்றங்களைக் காட்சிப்படுத்தி, உங்கள் திட்டங்களில் பயன்படுத்த உருவாக்கப்பட்ட CSS ஐ நகலெடுக்கவும்.
CSS மாற்றிக்கு குறைவு
உங்கள் குறைவான குறியீட்டை CSS ஆக மாற்றவும். வேகமானது, எளிதானது மற்றும் பாதுகாப்பானது.
CSS மாற்றிக்கு Sass
உங்கள் Sass குறியீட்டை CSS ஆக மாற்றவும். வேகமானது, எளிதானது மற்றும் பாதுகாப்பானது.
CRC-32 ஹாஷ் கால்குலேட்டர்
CRC-32 செக்சம்களை விரைவாகவும் எளிதாகவும் உருவாக்கவும்
CSS3 மாற்றம் ஜெனரேட்டர்
மென்மையான ஒளிபுகாநிலை மாற்றம்
வார்த்தைக்கு எண் மாற்றி
எழுதப்பட்ட எண்களை பல மொழிகளில் அவற்றின் எண் சமமானதாக மாற்றவும்