இந்த பயிற்சி பின்வரும் உள்ளடக்கங்களை விளக்குகிறது:
- டெயில்விண்டில் டெக்ஸ்ட் டெக்கரேஷன் தடிமன் கொண்ட ஹோவர், ஃபோகஸ் மற்றும் ஆக்டிவ் ஸ்டேட்ஸை எப்படிப் பயன்படுத்துவது?
- உரை அலங்கார தடிமனைப் பயன்படுத்துதல் ' மிதவை ' நிலை.
- உரை அலங்கார தடிமனைப் பயன்படுத்துதல் ' கவனம் ' நிலை.
- உரை அலங்கார தடிமனைப் பயன்படுத்துதல் ' செயலில் ' நிலை.
டெயில்விண்டில் டெக்ஸ்ட் டெக்கரேஷன் தடிமன் கொண்ட ஹோவர், ஃபோகஸ் மற்றும் ஆக்டிவ் ஸ்டேட்ஸை எப்படிப் பயன்படுத்துவது?
' உரை அலங்காரம் தடிமன் இலக்கு நிலையைப் பயன்படுத்துவதன் மூலம் 'இந்த நிலைகளுடன் பயன்படுத்தலாம் மற்றும் ' உரை-அலங்காரம்-தடிமன் பிக்சல்களில் இலக்கு தடிமன் மதிப்பைத் தொடர்ந்து பண்பு. இந்த அணுகுமுறைகளின் ஒருங்கிணைப்பு, மவுஸ் ஹோவர், உறுப்பு கவனம் செலுத்துதல் அல்லது உறுப்பு செயலில் இருப்பது ஆகியவற்றின் மீது உரை அலங்காரத்தின் தடிமன் (பிக்சல்களில்) மாற்றுகிறது. இந்த பிக்சல்கள் ' 1px ',' 2px ',' 4px ' அல்லது ' 8px ”. அதிக பிக்சல்கள், தடிமன் அதிகமாக இருக்கும்.
எடுத்துக்காட்டு 1: 'ஹோவர்' நிலையுடன் உரை அலங்கார தடிமனைப் பயன்படுத்துதல்
இந்த உதாரணம் பொருந்தும் ' உரை-அலங்காரம்-தடிமன் 'சொத்து' மிதவை ” சுட்டியின் மீது தடிமன் அமைக்க நிலை:
< html >
< தலை >
< மெட்டா எழுத்துக்குறி = 'utf-8' >
< மெட்டா பெயர் = 'வியூபோர்ட்' உள்ளடக்கம் = 'அகலம்=சாதன அகலம், ஆரம்ப அளவு=1' >
< கையால் எழுதப்பட்ட தாள் src = 'https://cdn.tailwindcss.com' >< / கையால் எழுதப்பட்ட தாள் >< / தலை >
< உடல் >
< உரைப்பகுதி வர்க்கம் = 'அடிக்கோடி மிதவை:அலங்காரம்-4' > ஜேம்ஸ் சரியான நேரத்தில் செயல்படுபவர் < / உரைப்பகுதி >
< / உடல் >
< / html >
இந்தக் குறியீடு துணுக்கில், டெயில்விண்ட் செயல்பாடுகளைப் பயன்படுத்த, “
” குறிச்சொல்லுக்குள் CDN பாதையைச் சேர்க்கவும். அதன் பிறகு, உள்ளே '