Border Radius જનરેટર
સ્લાઇડર્સ વડે દરેક ખૂણાને ગોળ કરો, લંબગોળ મોડથી ઓર્ગેનિક બ્લોબ આકારો બનાવો અને તરત જ CSS કૉપિ કરો.
દરેક ખૂણો સીધો તમારા બ્રાઉઝરમાં જ ડ્રો થાય છે. તમે અહીં સેટ કરેલી કોઈપણ માહિતી BroBroGo પર અપલોડ થતી નથી.
વારંવાર પૂછાતા પ્રશ્નો
ચાર ખૂણાઓ અને px વિરુદ્ધ % કેવી રીતે કામ કરે છે?
ચાર સ્લાઇડર્સ ઘડિયાળની દિશામાં કામ કરે છે: ઉપર-ડાબે, ઉપર-જમણે, નીચે-જમણે અને નીચે-ડાબે. પિક્સેલ (px) માં ખૂણો એક નિશ્ચિત માત્રામાં ગોળાકાર થાય છે; ટકાવારી (%) માં તે બોક્સના કદના પ્રમાણમાં ગોળાકાર થાય છે — આડી ટકાવારી પહોળાઈને અનુસરે છે અને ઊભી ટકાવારી ઊંચાઈને અનુસરે છે, તેથી 50% સેટ કરવાથી ચોરસ વર્તુળમાં ફેરવાઈ જાય છે.
લંબગોળ (elliptical) મોડ શું કામ કરે છે?
જ્યારે આ મોડ બંધ હોય, ત્યારે દરેક ખૂણો સમાન ત્રિજ્યા (radius) ધરાવતો પા-વર્તુળ (quarter-circle) બને છે. તેને ચાલુ કરવાથી દરેક ખૂણાને અલગ આડી (horizontal) અને ઊભી (vertical) ત્રિજ્યા મળે છે, જેનાથી તમે સોફ્ટ, ઓર્ગેનિક "બ્લોબ" (blob) આકારો બનાવી શકો છો. આ જનરેટર તમારા માટે બે-વેલ્યુવાળું સ્લેશ (/) ફોર્મેટ લખે છે અને જ્યારે ખૂણા ફરીથી સામાન્ય ગોળ થાય ત્યારે આપોઆપ ટૂંકા ફોર્મ પર પાછું આવી જાય છે.
હું એક પરફેક્ટ વર્તુળ (circle) અથવા પિલ (pill) આકાર કેવી રીતે બનાવી શકું?
ખૂણાઓને લિંક કરો, ટકાવારી (%) પર સ્વિચ કરો અને 50% સેટ કરો: ચોરસ આપોઆપ વર્તુળ બની જશે. પિલ-આકારના (ગોળાકાર કેપ્સ્યુલ) બટન માટે, પિક્સેલ (px) જ રાખો અને ખૂણાને બટનની અડધી ઊંચાઈ કરતાં વધુ ખેંચો — આનાથી બટનની પહોળાઈ ગમે તેટલી હોય, તેની બાજુઓ સંપૂર્ણપણે ગોળાકાર રહેશે. 'Circle' પ્રીસેટ માત્ર એક ક્લિકમાં આ સેટિંગ કરી આપે છે.