શ્રેષ્ઠ મુક્ત CSS કિનારી ત્રિજ્યા ઉત્પન્નકર્તા
વસ્તુના ખૂણાઓ દૃશ્યમાન રીતે ગોળ ગોઠવો - પ્રતિ-ખૂણો અથવા કડી થયેલ, px/%/em - સજીવ પૂર્વદર્શન અને નકલ સાથે.
તે કેવી રીતે કામ કરે છે
- ખૂણાઓ સુયોજિત કરો. દરેક ખૂણાની સરકપટ્ટી ખેંચો, અથવા તેમને એક સાથે ખસેડવા માટે બધા ખૂણાઓને જોડાણ પર રાખો.
- પૂર્વદર્શન જુઓ. તમે ખેંચો ત્યારે જીવંત બોક્સ ગોળ ગોઠવે છે; ઉચ્ચ વિકલ્પોમાં px,% અથવા em બદલો.
- CSS ની નકલ કરો. CSS નકલ કરો અને કિનારી-ત્રિજ્યા નિયમને તમારી સ્ટાઇલશીટમાં ચોંટાડો.
આ સાધન વિશે
વસ્તુના ખૂણાને તમે જે રીતે ઇચ્છો તે રીતે ગોળ ગોઠવો. ચાર ખૂણાઓમાંથી દરેક માટે સ્લાઇડરને ખેંચો - અથવા તેમને જોડાયેલ રાખો જેથી એક સ્લાઇડર બધા ચાર ખૂણાઓને ખસેડે - જ્યારે જીવંત પૂર્વદર્શન બોક્સ પરિણામ બતાવે છે. કિનારી-ત્રિજ્યા CSS ની નકલ કરો, જે એક કિંમતમાં સંકોચે છે જ્યારે દરેક ખૂણો બંધબેસે છે અને ચાર-કિંમતના ફોર્મમાં વિસ્તરે છે જ્યારે તેઓ અલગ હોય. ઉચ્ચ વિકલ્પો px, % અને em વચ્ચે એકમ બદલે છે, જેથી તમે પીલ આકારો અને ટકા આધારિત ગોળ ગોઠવણી પણ બનાવી શકો છો.
લોકો તેને માટે શું વાપરે છે
- ગોળ કાર્ડ, બટન અને ચિત્ર ખૂણાઓ
- પાઇલ અથવા સંપૂર્ણ ગોળાકાર આકાર બનાવો
- વ્યક્તિગત ખૂણાઓ પર અલગ ત્રિજ્યાઓ સુયોજિત કરો
- વક્રો અને અસ્તર માટે ટકા ગોળ કરવાનું વાપરો