CSS Box Shadow உருவாக்கி
CSS Box Shadow என்றால் என்ன?
CSS box-shadow பண்பு ஒரு உறுப்பின் சட்டகத்தைச் சுற்றி நிழல் விளைவுகளை சேர்க்கிறது. நிழல்களை இடமாற்றம், மங்கல், பரவல், வண்ணமிடல் மற்றும் inset (உள் நிழல்) ஆகியவற்றாக அமைக்கலாம். கோடியால் பிரிக்கப்பட்ட பல நிழல்களை வளமான விளைவுகளுக்காக அடுக்கலாம். இந்த உருவாக்கி சிக்கலான பல-அடுக்கு நிழல்களை காட்சி வழியில் உருவாக்கவும் நகலெடுக்க தயாரான CSS-ஐ கிளிப்போர்டுக்கு நகலெடுக்கவும் உங்களை அனுமதிக்கிறது.
Box Shadow உருவாக்கியை எப்படி பயன்படுத்துவது
-
நிழலை நிலைப்படுத்தவும் வடிவமைக்கவும் Offset X/Y, Blur மற்றும் Spread சறுக்கிகளை சரிசெய்யவும்.
-
நிழலின் வண்ணத்தை தேர்ந்தெடுக்க வண்ண மாதிரியில் கிளிக் செய்யவும், வெளிப்படைத்தன்மைக்கு Opacity சறுக்கியை பயன்படுத்தவும்.
-
உள் ஒளி அல்லது அழுத்திய விளைவை உருவாக்க 'Inset' மாற்றவும்.
-
பல நிழல்களை அடுக்க '+ அடுக்கு சேர்க்கவும்' கிளிக் செய்யவும்.
-
உருவாக்கப்பட்ட CSS-ஐ நகலெடுத்து உங்கள் ஸ்டைல்ஷீட்டில் ஒட்டவும்.
Keywords: CSS box shadow உருவாக்கி, box-shadow CSS, CSS நிழல் கருவி, CSS drop shadow, inset shadow, பல-அடுக்கு நிழல், CSS shadow ஆன்லைன்