CSS Box Shadow உருவாக்கி

நேரலை முன்னோட்டத்துடன் மென்மையான, அடுக்கடுக்கான CSS box shadow-களை வடிவமைத்து, CSS-ஐ நகலெடுங்கள்.

உடனடிதனிப்பட்டது — உங்கள் உலாவியிலேயே இயங்கும்இலவசம், பதிவு தேவையில்லை

உங்கள் விவரங்கள்

px
-5050
px
-5050
px
0100
px
-5050
%
0%100%
அடுக்கு விருப்பங்கள்
px
080

முடிவு

பயன்படுத்தும் முறை

  1. 1

    நிழலின் நகர்வு (offset), மங்கல் (blur), பரவல் (spread), வண்ணம், ஒளிபுகாமை (opacity) ஆகியவற்றை ஸ்லைடர்களால் அமையுங்கள்.

  2. 2

    மென்மையான, இயல்பான தோற்றத்துக்குப் பல நிழல்களை அடுக்க “அடுக்கைச் சேர்” அழுத்துங்கள் — ஓர் அடுக்கைத் திருத்த அதைக் கிளிக் செய்யுங்கள்.

  3. 3

    ஒரு முன்னமைவை முயன்று பார்த்து, “CSS-ஐ நகலெடு” அழுத்துங்கள்.

கேள்விகள்

box-shadow மதிப்புகளின் பொருள் என்ன?

box-shadow: x-offset y-offset blur spread colour. நேர்மறை x நிழலை வலப்பக்கம் நகர்த்தும்; நேர்மறை y கீழே நகர்த்தும். Blur ஓரத்தை மென்மையாக்கும்; spread நிழலைப் பெரிதாக்கும் (எதிர்மறையானால் சிறிதாக்கும்).

ஏன் ஒன்றுக்கு மேற்பட்ட அடுக்குகள்?

உண்மையான நிழல்கள் பொருளுக்கு அருகில் மென்மையாகவும் தூரத்தில் மங்கியும் இருக்கும். சிறிய கூர்மையான நிழலையும் பெரிய மங்கலான நிழலையும் அடுக்கினால், ஒற்றை நிழலைவிட இயல்பாகத் தெரியும்.

-webkit-box-shadow தேவையா?

இல்லை. இன்றைய எல்லா உலாவிகளும் சாதாரண box-shadow property-ஐ ஆதரிக்கின்றன.

Box Shadow கருவி பற்றி

CSS Box Shadow உருவாக்கி — நேரலை முன்னோட்டத்துடன் மென்மையான, அடுக்கடுக்கான CSS box shadow-களை வடிவமைத்து, CSS-ஐ நகலெடுங்கள். இது namasivayam.in தளத்தில் உள்ள 200 இலவசக் கருவிகளில் ஒன்று; இந்தியாவில் அன்றாடப் பயன்பாட்டுக்காக மென்பொருள் பொறியாளர் நமசிவாயம் வடிவேலன் உருவாக்கியது.

எல்லாக் கணக்கீடுகளும் உங்கள் உலாவியிலேயே உடனே நடக்கின்றன: நீங்கள் தட்டச்சு செய்வதோ பதிவேற்றுவதோ எந்தச் சர்வருக்கும் அனுப்பப்படுவதில்லை; பதிவு தேவையில்லை; மொபைலிலும் கணினியிலும் வேலை செய்யும். நிழலின் நகர்வு (offset), மங்கல் (blur), பரவல் (spread), வண்ணம், ஒளிபுகாமை (opacity) ஆகியவற்றை ஸ்லைடர்களால் அமையுங்கள்.

தொடர்புடைய வாசிப்பு

இந்தக் கருவியுடன் தொடர்புடைய கட்டுரைகள்

அனைத்துக் கட்டுரைகள் →
AI சாட்பாட்கள் உண்மையில் எப்படி இயங்குகின்றன? — ஓர் எளிய விளக்கம்
தொழில்நுட்பம்

AI சாட்பாட்கள் உண்மையில் எப்படி இயங்குகின்றன? — ஓர் எளிய விளக்கம்

AI சாட்பாட்கள் மின்னஞ்சல் எழுதுகின்றன, நிரல் கோடுகளை விளக்குகின்றன, பயணம் திட்டமிடுகின்றன. அவை உண்மையில் எப்படி இயங்குகின்றன, ஏன் சில நேரங்களில் தன்னம்பிக்கையுடன் தவறு செய்கின்றன, அவற்றை எப்படி விவேகமாகப் பயன்படுத்துவது?

15 அக்டோபர் 20263 நிமிட வாசிப்பு
பாஸ்கீ (Passkey) விளக்கம்: கடவுச்சொல் இல்லாமல் உள்நுழைய எளிய, பாதுகாப்பான வழி
தொழில்நுட்பம்

பாஸ்கீ (Passkey) விளக்கம்: கடவுச்சொல் இல்லாமல் உள்நுழைய எளிய, பாதுகாப்பான வழி

Google, Apple, Microsoft இப்போது கடவுச்சொல்லுக்குப் பதில் பாஸ்கீ மூலம் உள்நுழைய அனுமதிக்கின்றன. பாஸ்கீ என்றால் என்ன, அதை ஏன் ஃபிஷிங் செய்ய முடியாது, ஐந்து நிமிடங்களில் அமைப்பது எப்படி.

13 அக்டோபர் 20263 நிமிட வாசிப்பு
பொது Wi-Fi பாதுகாப்பு: விமான நிலையம், கஃபே, ஹோட்டலில் இணையும் முன் 8 விதிகள்
தொழில்நுட்பம்

பொது Wi-Fi பாதுகாப்பு: விமான நிலையம், கஃபே, ஹோட்டலில் இணையும் முன் 8 விதிகள்

இலவச Wi-Fi வசதியானது; ஆனால் அதே நெட்வொர்க்கில் உள்ள அந்நியர்களுக்கு உங்கள் தரவை வெளிப்படுத்தலாம். விமான நிலையம், கஃபே, ரயில் நிலையம், ஹோட்டல் Wi-Fi-ல் பாதுகாப்பாக இருக்க எட்டு எளிய விதிகள்.

11 அக்டோபர் 20263 நிமிட வாசிப்பு

தொடர்புடைய கருவிகள்

நீங்கள் விரும்பக்கூடிய மேலும் சில கருவிகள் · colour

அனைத்து 200 கருவிகளும் →

இந்த முடிவுகள் நீங்கள் திட்டமிட உதவும் தோராயக் கணக்குகள் மட்டுமே. இவை நிதி, வரி அல்லது மருத்துவ ஆலோசனை அல்ல.