பாக்ஸ் ஷேடோ உருவாக்கி
ஒரு box-shadow-ஐ வடிவமைக்க ஸ்லைடர்களை இழுக்கவும், ஆழத்திற்காக அடுக்குகளைச் சேர்க்கவும், மற்றும் முடிக்கப்பட்ட CSS-ஐ உடனடியாக நகலெடுக்கவும்.
ஒவ்வொரு நிழலும் உங்கள் உலாவியிலேயே ரெண்டர் செய்யப்படுகிறது. நீங்கள் இங்கு அமைக்கும் எதுவும் BroBroGo-விற்கு பதிவேற்றப்படாது.
அடிக்கடி கேட்கப்படும் கேள்விகள்
offset, blur மற்றும் spread ஆகியவை எதைக் கட்டுப்படுத்துகின்றன?
Offset நிழலை இடது/வலது மற்றும் மேல்/கீழாக நகர்த்துகிறது, blur அதன் விளிம்புகளை மென்மையாக்குகிறது, மற்றும் spread மங்குவதற்கு முன்பு அதை விரிவுபடுத்துகிறது அல்லது சுருக்குகிறது. எதிர்மறை (negative) spread நிழலை உள்ளே இழுக்கிறது, இது இறுக்கமான, நெருக்கமான நிழலுக்கு பயனுள்ளதாக இருக்கும்.
inset விருப்பம் என்ன செய்கிறது?
ஒரு சாதாரண நிழல் உறுப்புக்கு வெளியே விழுகிறது, இது உயர்த்தப்பட்ட அட்டைக்கு பின்னால் உள்ள ஒளியைப் போன்றது. Inset நிழலை உள்ளே திருப்புகிறது, இதனால் உறுப்பு உள்ளே அழுத்தப்பட்டது போல் தோன்றும் — இது குழிவான உள்ளீடுகள் (inputs) அல்லது அழுத்தப்பட்ட பொத்தான்களுக்கு பயனுள்ளதாக இருக்கும்.
ஒன்றுக்கும் மேற்பட்ட நிழல் அடுக்குகளை ஏன் அடுக்க வேண்டும்?
ஒரு குறிப்பிட்ட அளவிற்கு மேல் ஒற்றை நிழல் தட்டையாகத் தோன்றும். உண்மையான முப்பரிமாண தோற்றம் பொதுவாக ஒரு அடர்த்தியான, இருண்ட நிழலையும், மென்மையான, பரந்த நிழலையும் இணைக்கிறது — அந்த விளைவைப் பெற இரண்டாவது அடுக்கைச் சேர்த்து, ஒவ்வொன்றையும் தனித்தனியாகச் சரிசெய்யவும்.