Box Shadow જનરેટર
બોક્સ-શેડો બનાવવા માટે સ્લાઇડર્સ ખેંચો, ઊંડાણ માટે લેયર્સ ઉમેરો અને તૈયાર CSS તરત જ કૉપિ કરો.
દરેક શેડો તમારા બ્રાઉઝરમાં જ રેન્ડર થાય છે. તમે અહીં સેટ કરેલી કોઈપણ માહિતી BroBroGo પર અપલોડ થતી નથી.
વારંવાર પૂછાતા પ્રશ્નો
ઓફસેટ, બ્લર અને સ્પ્રેડ ખરેખર શું કંટ્રોલ કરે છે?
ઓફસેટ (offset) શેડોને ડાબે/જમણે અને ઉપર/નીચે ખસેડે છે, બ્લર (blur) તેની કિનારીઓને સોફ્ટ કરે છે, અને સ્પ્રેડ (spread) તેને બ્લર કરતા પહેલાં ફેલાવે છે અથવા સંકોચે છે. નેગેટિવ સ્પ્રેડ શેડોને અંદરની તરફ ખેંચે છે, જે ટાઇટ શેડો માટે ઉપયોગી છે.
ઇનસેટ (inset) વિકલ્પ શું કામ કરે છે?
સામાન્ય શેડો (પડછાયો) એલિમેન્ટની બહાર પડે છે, જેમ કે ઊંચકેલા કાર્ડની પાછળ પડતો પ્રકાશ. ઇનસેટ (Inset) તેને અંદરની તરફ ફેરવે છે, જેથી એલિમેન્ટ અંદર દબાયેલું હોય તેવું લાગે છે — આ દબાયેલા ઇનપુટ્સ અથવા બટનો માટે ખૂબ ઉપયોગી છે.
એક કરતાં વધુ શેડો લેયર્સ શા માટે વાપરવા જોઈએ?
એક સિંગલ શેડો અમુક સાઇઝ પછી ફ્લેટ અને અકુદરતી લાગે છે. વાસ્તવિક ઊંડાણ (elevation) મેળવવા માટે સામાન્ય રીતે એક ઘાટા નજીકના શેડો સાથે એક સોફ્ટ, વ્યાપક શેડોને કમ્બાઇન કરવામાં આવે છે — આ ઇફેક્ટ મેળવવા માટે બીજું લેયર ઉમેરો અને બંનેને અલગ-અલગ ટ્યુન કરો.