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 ઑનલાઇન