ബോക്സ് ഷാഡോ ജനറേറ്റർ

ഓഫ്‌സെറ്റ്, ബ്ലർ, സ്‌പ്രെഡ്, കളർ എന്നിവ ഉപയോഗിച്ച് ലേയേർഡ് ബോക്‌സ് ഷാഡോകൾ ഡിസൈൻ ചെയ്യുക. ഒരു കാർഡിൽ പ്രിവ്യൂ ചെയ്യുക, തുടർന്ന് ഒറ്റ ക്ലിക്കിൽ CSS പകർത്തുക.

Box Shadow Generator

Live

Offset X8px

Offset Y16px

Blur32px

Spread-4px

Opacity35%

Card radius24px

Shadow color

Inset

Preview card

CSS output

box-shadow: 8px 16px 32px -4px rgba(192, 38, 211, 0.35);
border-radius: 24px;

Key capabilities

ഓഫ്‌സെറ്റ്, ബ്ലർ, സ്‌പ്രെഡ്, കളർ എന്നിവ ഉപയോഗിച്ച് ലേയേർഡ് ബോക്‌സ് ഷാഡോകൾ ഡിസൈൻ ചെയ്യുക — തത്സമയ പ്രിവ്യൂ ഉൾപ്പെടുത്തി.
നിങ്ങളുടെ ബ്രൗസറിൽ പ്രവർത്തിക്കുന്നു
സൗജന്യമായി ഉപയോഗിക്കാം

എങ്ങനെ ഉപയോഗിക്കാം

ഓഫ്‌സെറ്റ്, ബ്ലർ, സ്‌പ്രെഡ് എന്നിവ ക്രമീകരിക്കുക.
നിറവും അതാര്യതയും തിരഞ്ഞെടുക്കുക (അല്ലെങ്കിൽ ലെയറുകൾ ചേർക്കുക).
ബോക്സ്-ഷാഡോ CSS പകർത്തുക.

How this tool works

ഓഫ്‌സെറ്റ്, ബ്ലർ, സ്‌പ്രെഡ് എന്നിവ ക്രമീകരിക്കുക.
നിറവും അതാര്യതയും തിരഞ്ഞെടുക്കുക (അല്ലെങ്കിൽ ലെയറുകൾ ചേർക്കുക).
ബോക്സ്-ഷാഡോ CSS പകർത്തുക.

Recommended settings

ആദ്യം ഡിഫോൾട്ട് ഓപ്ഷനുകൾ ഉപയോഗിക്കുക, തുടർന്ന് ആവശ്യമെങ്കിൽ ക്രമീകരിക്കുക

Supported formats

Text / on-page input

File size and limits

വളരെ സങ്കീർണ്ണമായ മൾട്ടി-ലെയർ പ്രിവ്യൂകൾ പഴയ ഫോണുകളിൽ മന്ദഗതിയിലായേക്കാം.

Privacy

നിറവും CSS ജനറേറ്ററുകളും പൂർണ്ണമായും നിങ്ങളുടെ ബ്രൗസറിൽ പ്രവർത്തിക്കുന്നു. പ്രിവ്യൂകളും പരിവർത്തനങ്ങളും ഒരിക്കലും നിങ്ങളുടെ ശൈലികൾ അപ്‌ലോഡ് ചെയ്യുന്നില്ല.

Common use cases

നിങ്ങൾക്ക് ആവശ്യമുള്ളപ്പോഴെല്ലാം ബോക്‌സ് ഷാഡോ ജനറേറ്റർ ഉപയോഗിക്കുക: ഓഫ്‌സെറ്റ്, ബ്ലർ, സ്‌പ്രെഡ്, കളർ എന്നിവ ഉപയോഗിച്ച് ലേയേർഡ് ബോക്‌സ് ഷാഡോകൾ ഡിസൈൻ ചെയ്യുക — തത്സമയ പ്രിവ്യൂ ഉൾപ്പെടുത്തിയിട്ടുണ്ട്.

Troubleshooting

ഒട്ടിച്ചതിന് ശേഷം പ്രിവ്യൂ വ്യത്യസ്തമായി കാണപ്പെടുന്നു

നിങ്ങളുടെ പേജിൽ മത്സരിക്കുന്ന CSS പരിശോധിക്കുക (റീസെറ്റുകൾ, പാരമ്പര്യ നിറങ്ങൾ). ജനറേറ്റ് ചെയ്ത നിയമം ആദ്യം ഒരു ഒറ്റപ്പെട്ട സ്റ്റൈൽഷീറ്റിലേക്ക് പകർത്തുക.

പതിവ് ചോദ്യങ്ങൾ

ഇത് എൻ്റെ CSS അപ്‌ലോഡ് ചെയ്യുന്നുണ്ടോ?

നമ്പർ. ജനറേറ്ററുകളും കൺവെർട്ടറുകളും തത്സമയ പ്രിവ്യൂ ഉപയോഗിച്ച് നിങ്ങളുടെ ബ്രൗസറിൽ പ്രവർത്തിക്കുന്നു.

എനിക്ക് ഒരു അക്കൗണ്ട് ആവശ്യമുണ്ടോ?

ഇല്ല. ടൂൾ തുറക്കുക, നിയന്ത്രണങ്ങൾ മാറ്റുക, CSS പകർത്തുക.