அழகான CSS பெட்டி நிழல்களை சிரமமின்றி உருவாக்கவும்

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

Preview

பெட்டி நிழல்

என்னைத் தனிப்பயனாக்குங்கள்

CSS வெளியீடு

box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);

நிழல் கட்டுப்பாடுகள்

Position

0px
4px

Size

6px
-1px

Color

10%

Options

Presets

மென்மையான நிழல்

நடுத்தர நிழல்

கனத்த நிழல்

உள் நிழல்

கூர்மையான மூலைவிட்டம்

அவுட்லைன் க்ளோ

இரட்டை நிழல்

உயர்த்தப்பட்ட விளைவு

எப்படி உபயோகிப்பது

அடிப்படை கட்டுப்பாடுகள்

  • அட்ஜஸ்ட் பண்ணுங்ககிடைமட்ட ஆஃப்செட்நிழலை இடது அல்லது வலதுபுறமாக நகர்த்த
  • அட்ஜஸ்ட் பண்ணுங்கசெங்குத்து ஆஃப்செட்நிழலை மேலும் கீழும் நகர்த்த
  • அதிகரிக்கும்மங்கலான ஆரம்நிழலை மென்மையாக்க
  • Use பரவல் ஆரம்நிழலின் ஒட்டுமொத்த அளவை அதிகரிக்க அல்லது குறைக்க
  • மாற்றுColor and Opacityநிழல் தோற்றத்தை தனிப்பயனாக்க

மேம்பட்ட அம்சங்கள்

  • Enable இன்செட் ஷேடோஉள் நிழல் விளைவை உருவாக்க
  • Use பல நிழல்கள்மிகவும் சிக்கலான விளைவுகளுக்கு
  • சேமித்து ஏற்றவும்Presetsஉங்களுக்கு பிடித்த நிழல்களை விரைவான அணுகலுக்கு
  • Click சீரற்ற நிழல்உத்வேகத்திற்காக
  • உருவாக்கப்பட்ட CSS குறியீட்டை நகலெடுத்து உங்கள் திட்டத்தில் ஒட்டவும்

Related Tools

சரியான ஃப்ளெக்ஸ்பாக்ஸ் தளவமைப்புகளை உருவாக்கவும்

எங்கள் உள்ளுணர்வு இழுத்தல் மற்றும் இடைமுகத்துடன் CSS ஃப்ளெக்ஸ்பாக்ஸ் குறியீட்டைக் காட்சிப்படுத்தவும், தனிப்பயனாக்கவும் மற்றும் உருவாக்கவும்.

CSS மாற்றிக்கு ஸ்டைலஸ்

உங்கள் SCSS குறியீட்டை CSS ஆக மாற்றவும். வேகமானது, எளிதானது மற்றும் பாதுகாப்பானது.

CSS மாற்றி SCSS

உங்கள் SCSS குறியீட்டை CSS ஆக மாற்றவும். வேகமானது, எளிதானது மற்றும் பாதுகாப்பானது.

Base64 குறியாக்கி கருவி

WordPress க்கான பாதுகாப்பான கடவுச்சொல் ஹேஷ்களை உருவாக்கவும்

RGB முதல் CMYK வரை

அச்சு வடிவமைப்பிற்கான RGB வண்ணங்களை CMYK மதிப்புகளாக மாற்றவும்

அழகான CSS ஏற்றிகள் உருவாக்க

எங்கள் உள்ளுணர்வு இழுத்தல் மற்றும் இடைமுகத்துடன் நொடிகளில் தனிப்பயன் CSS ஏற்றுதல் அனிமேஷன்களை உருவாக்கவும். குறியீட்டு முறை தேவையில்லை!