શ્રેષ્ઠ મુક્ત CSS બોક્સ પડછાયો ઉત્પન્ન કરનાર
CSS બોક્સ-છાયા દ્રશ્યમાન રીતે બનાવો, જીવંત પૂર્વદર્શન, જોડાણ અને બીજા સ્તર સાથે - કોડની નકલ કરો.
૧૦૦% મુક્ત
નોંધણી નથી
વોટરમાર્ક નથી
✨
AI મોડેલો માટે Go Pro - ચિત્ર, વિડીયો અને વાતચીત - ઉપરાંત મોટા અપલોડ્સ, કતારમાં પ્રાથમિકતા અને રાહ જોયા વિના.
Pro માં સુધારો
પ્રેમ Best.Free? તેને વહેંચો
તે કેવી રીતે કામ કરે છે
- સ્લાઇડરો ખસેડો. ઓફસેટ, બ્લેન્ડ, ફેલાવો, રંગ અને અપારદર્શકતા સુયોજિત કરો; જો તમે અંદરનો પડછાયો ઇચ્છતા હોવ તો જોડાણ બદલો.
- પૂર્વદર્શન જુઓ. તમે ખેંચો ત્યારે જીવંત બોક્સ સુધારે છે; ઊંડાઈ માટે ઉચ્ચ વિકલ્પોમાં બીજું સ્તર ઉમેરો.
- CSS ની નકલ કરો. CSS ની નકલ કરો અને બોક્સ-છાયા નિયમને તમારી સ્ટાઇલશીટમાં સીધા જ ચોંટાડો.
આ સાધન વિશે
પિક્સેલ કિંમતોને અંદાજ વગર બોક્સ-છાયો ડિઝાઇન કરો. ઓફસેટ-X, ઓફસેટ-Y, બ્લેર અને ફેલાવો સ્લાઇડરો ખેંચો, પડછાયાનો રંગ પસંદ કરો અને તેની અપારદર્શકતામાં ડાયલ કરો, અને સજીવ પૂર્વદર્શન બોક્સ સુધારો વાસ્તવિક સમયમાં જુઓ - પછી ચોક્કસ બોક્સ-છાયા CSS ની નકલ કરો. અંદરના છાયા માટે અંદરના ફેરબદલીને ફેરવો. ઉચ્ચ વિકલ્પો બીજા છાયા સ્તર સ્ટેક કરે છે, તેથી તમે આધુનિક કાર્ડ અને બટનો પર વપરાતા નરમ, બહુસ્તરીય છાયાઓ બનાવી શકો છો. બધું તમારા બ્રાઉઝરમાં ચાલે છે.
લોકો તેને માટે શું વાપરે છે
- કાર્ડ્સ અને મોડલ્સને નરમ પડછાયો ઉમેરો
- ઇનપુટ્સ અને વેલ્સ માટે આંતરિક (inset) છાયો બનાવો
- વાસ્તવિક, વિસ્તૃત પડછાયા માટે બે સ્તરો સ્ટેક કરો
- ડિઝાઇન મોકપ સાથે બંધબેસવા માટે ઓફસેટ અને બ્લેકઆઉટને ટ્યુન કરો
વારંવાર પૂછાતા પ્રશ્નો
ઓફસેટ-X/Y છાયાને આડી અને ઊભી રીતે ખસેડે છે, અસ્પષ્ટતા તેની બાજુને નરમ કરે છે, અને અસ્પષ્ટતા લાગુ પાડતા પહેલા સમગ્ર છાયાને વધે છે અથવા ઘટાડે છે. સજીવ પૂર્વદર્શન દરેક ફેરફાર તરત જ બતાવે છે.
Inset એ વસ્તુની અંદર છાયા દોરે છે, તેની પાછળની જગ્યાએ, દબાણ-અંદર દેખાવ આપતા - ઇનપુટ્સ અને ફેરબદલી માટે ઉપયોગી. ફેરબદલી કરવા માટે Inset ફેરબદલી ફેરવો.
રંગ પસંદ કરો, પછી અપારદર્શકતા સ્લાઇડર વાપરો; સાધન rgba () કિંમત આઉટપુટ કરે છે જેથી પડછાયો કુદરતી રીતે ભળી જાય.
હા. બીજા પડછાયા સ્તરને તેની પોતાની ઓફસેટ, બ્લેકઆઉટ, રંગ અને જોડણી સાથે સક્રિય કરવા માટે ઉચ્ચ વિકલ્પો ખોલો.
ના. ઉત્પાદક તમારા બ્રાઉઝરમાં સંપૂર્ણપણે ચલાવે છે; સ્લાઇડરો માત્ર CSS શબ્દમાળા સ્થાનિક રીતે ગણવે છે.
સંપૂર્ણપણે મુક્ત, ખાતું નથી અને કોઈ મર્યાદા નથી - ક્લાયન્ટ-સાઇડ સાધન જે માપવા માટે કંઇ નથી.
હા. તે તમારા બ્રાઉઝરમાં ચલાવે છે, તેથી CSS Box Shadow Generator ફોન અને ટેબ્લેટ ઉપરાંત ડેસ્કટોપ પર પણ કામ કરે છે - સ્થાપિત કરવા માટે કોઈ કાર્યક્રમ નથી.
સામાન્ય રીતે સામાન્ય ફાઇલ માટે થોડી સેકન્ડો - CSS બોક્સ પડછાયો ઉત્પાદક તમે તેને તમારી ઇનપુટ આપો તે ક્ષણે કામ કરવાનું શરૂ કરે છે.
સામાન્ય ઉપયોગ અનિવાર્ય છે, જે દરેક માટે ઝડપી રાખે છે તેવા ઉદાર ફાયર યુઝ કેપ હેઠળ.
બધા આધુનિક બ્રાઉઝરો - Chrome, Safari, Firefox અને Edge. CSS Box Shadow Generator ને તમે પહેલેથી વાપરી રહ્યા હોય તે બ્રાઉઝર સિવાય કંઇ સ્થાપિત કરવાની જરૂર નથી.