ஆன்லைன் உரை நிழல் CSS ஜெனரேட்டர்
உங்கள் வலைத்தளத்திற்கான அதிர்ச்சியூட்டும் சாய்வு உரை விளைவுகளை உருவாக்கவும்
Controls
பல நிழல்கள்
Shadow 2
பிரபலமான முன்னமைவுகள்
Preview
உரை நிழல் ஜெனரேட்டர் பற்றி
பயன்படுத்த எளிதானது
எங்கள் உள்ளுணர்வு இடைமுகத்துடன் அழகான உரை நிழல்களை உருவாக்கவும். இல்லை CSS அறிவு தேவை!
முழுமையாக பதிலளிக்க
மொபைல் போன்கள் முதல் டெஸ்க்டாப் கணினிகள் வரை அனைத்து சாதனங்களிலும் சரியாக வேலை செய்கிறது.
உங்கள் திட்டங்களில் உடனடியாகப் பயன்படுத்தக்கூடிய சுத்தமான, உற்பத்திக்குத் தயாரான CSS குறியீட்டைப் பெறுங்கள்.
உரை நிழல் ஜெனரேட்டரை எவ்வாறு பயன்படுத்துவது
ஸ்லைடர்களை சரிசெய்யவும்
சரியான நிழலை உருவாக்க கிடைமட்ட ஆஃப்செட், செங்குத்து ஆஃப்செட், மங்கலான ஆரம் மற்றும் ஒளிபுகாநிலையை மாற்றவும்.
ஒரு வண்ணத்தை தேர்வு செய்யவும்
வண்ண தேர்வாளர் அல்லது ஹெக்ஸ் குறியீடு உள்ளீட்டைப் பயன்படுத்தி உங்கள் உரை நிழலுக்கு எந்த வண்ணத்தையும் தேர்ந்தெடுக்கவும்.
உங்கள் வடிவமைப்பை முன்னோட்டமிடுங்கள்
எங்கள் ஊடாடும் முன்னோட்டத்துடன் நிகழ்நேரத்தில் உங்கள் உரை நிழல் எப்படி இருக்கும் என்பதைப் பார்க்கவும்.
CSS ஐ நகலெடுக்கவும்
நீங்கள் உருவாக்கிய CSS குறியீட்டைப் பெற நகல் பொத்தானைக் கிளிக் செய்து அதை உங்கள் திட்டத்தில் பயன்படுத்தவும்.
பிரபலமான உரை நிழல் எடுத்துக்காட்டுகள்
நியான் க்ளோ விளைவு
நியான் க்ளோ விளைவு
text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #0073e6, 0 0 20px #0073e6, 0 0 25px #0073e6;
3D உரை விளைவு
3D உரை விளைவு
text-shadow: 1px 1px 0px #c4c4c4, 2px 2px 0px #c4c4c4, 3px 3px 0px #c4c4c4, 4px 4px 0px #c4c4c4;
நுட்பமான நிழல்
நுட்பமான நிழல்
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
உள் நிழல்
உள் நிழல்
text-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.5);
Related Tools
சரியான ஃப்ளெக்ஸ்பாக்ஸ் தளவமைப்புகளை உருவாக்கவும்
எங்கள் உள்ளுணர்வு இழுத்தல் மற்றும் இடைமுகத்துடன் CSS ஃப்ளெக்ஸ்பாக்ஸ் குறியீட்டைக் காட்சிப்படுத்தவும், தனிப்பயனாக்கவும் மற்றும் உருவாக்கவும்.
CSS மாற்றிக்கு ஸ்டைலஸ்
உங்கள் SCSS குறியீட்டை CSS ஆக மாற்றவும். வேகமானது, எளிதானது மற்றும் பாதுகாப்பானது.
CSS மாற்றி SCSS
உங்கள் SCSS குறியீட்டை CSS ஆக மாற்றவும். வேகமானது, எளிதானது மற்றும் பாதுகாப்பானது.
Base64 குறியாக்கி கருவி
WordPress க்கான பாதுகாப்பான கடவுச்சொல் ஹேஷ்களை உருவாக்கவும்
RGB முதல் CMYK வரை
அச்சு வடிவமைப்பிற்கான RGB வண்ணங்களை CMYK மதிப்புகளாக மாற்றவும்
அழகான CSS ஏற்றிகள் உருவாக்க
எங்கள் உள்ளுணர்வு இழுத்தல் மற்றும் இடைமுகத்துடன் நொடிகளில் தனிப்பயன் CSS ஏற்றுதல் அனிமேஷன்களை உருவாக்கவும். குறியீட்டு முறை தேவையில்லை!