ઓનલાઈન ટૂલ CSS બોક્સ શેડો જનરેટર

color
color

CSS શૈલી મેળવવા માટે તમારા બોક્સ શેડોના ગુણધર્મો બનાવો.

મૂલ્યો સેટ કરવા માટે સ્લાઇડર્સ અને રંગ પીકરનો ઉપયોગ કરો અને જ્યાં સુધી તમે ઇચ્છિત અસર સુધી પહોંચો નહીં ત્યાં સુધી લાઇવ પ્રીવ્યૂ જુઓ. જમણે-નીચે શિફ્ટ, સ્પ્રેડ, બ્લર, અસ્પષ્ટતા, રંગ પસંદ કરો.

પૂર્વાવલોકન પૃષ્ઠભૂમિ અને તમારા ઑબ્જેક્ટ માટે કસ્ટમ રંગ પસંદ કરો.

 

બહુવિધ બોક્સ-શેડો ઉમેરો

વેબ બ્રાઉઝર અમને અમારી ડિઝાઇનમાં એક કરતાં વધુ પડછાયાઓ ઉમેરવા દે છે અને તે જ રીતે આ ઑનલાઇન ટૂલ પણ કરે છે. વર્તમાન લાઇનને સાચવવા અને નવી સેટ કરવા માટે નવું ઉમેરો બટનનો ઉપયોગ કરો. 

 

CSS સિન્ટેક્સ

box-shadow: none|<em>h-offset v-offset blur spread color&nbsp;</em>|inset|initial|inherit;

નોંધ:  એક તત્વ સાથે એક કરતાં વધુ પડછાયા જોડવા માટે, પડછાયાઓની અલ્પવિરામથી વિભાજિત સૂચિ ઉમેરો (નીચે "તેને જાતે અજમાવી જુઓ" ઉદાહરણ જુઓ).