← ટૂલ્સ
ડિઝાઇન અને CSS
રંગો, પ્રતિભાવ કદ અને ઉત્પાદન-તૈયાર CSS બનાવો.
રંગ અને સુલભતા
CSS લેઆઉટ અને અસરો
- Box Shadow જનરેટરબોક્સ-શેડો બનાવવા માટે સ્લાઇડર્સ ખેંચો, ઊંડાણ માટે લેયર્સ ઉમેરો અને તૈયાર CSS તરત જ કૉપિ કરો.
- ગ્રેડિયન્ટ જનરેટરલીનિયર, રેડિયલ અથવા કોનિક ગ્રેડિયન્ટ બનાવો, કલર સ્ટોપ્સ ઉમેરો અને દિશા સેટ કરો, પછી એક ક્લિકમાં CSS કૉપિ કરો.
- Border Radius જનરેટરસ્લાઇડર્સ વડે દરેક ખૂણાને ગોળ કરો, લંબગોળ મોડથી ઓર્ગેનિક બ્લોબ આકારો બનાવો અને તરત જ CSS કૉપિ કરો.
- Flexbox જનરેટરવિઝ્યુઅલ કંટ્રોલ્સ વડે ફ્લેક્સ કન્ટેનર અને તેની આઇટમ્સ સેટ કરો, લેઆઉટને લાઇવ બદલાતું જુઓ અને એક ક્લિકમાં CSS કૉપિ કરો.
- CSS Grid જનરેટરતમારી કોલમ અને રો સેટ કરો, આઇટમ્સ ગોઠવવા માટે સેલ્સ પર ડ્રેગ કરો અને એક ક્લિકમાં ગ્રીડ CSS અને મેચિંગ HTML કૉપિ કરો.
- CSS Cubic Bezier જનરેટરઇઝિંગ કર્વ બનાવવા માટે બે હેન્ડલ્સ ખેંચો, એનિમેશનની ગતિ જુઓ અને cubic-bezier() વેલ્યુ કૉપિ કરો.
- CSS clamp() કેલ્ક્યુલેટરનાની અને મોટી સ્ક્રીન માટે સાઇઝ દાખલ કરો અને એક ફ્લુઇડ clamp() વેલ્યુ મેળવો જે બંને વચ્ચે સરળતાથી સ્કેલ થાય — ફોન્ટ સાઇઝ, પેડિંગ, માર્જિન કે ગેપ માટે.
ફોન્ટ તપાસ અને લાઇસન્સિંગ
સ્ક્રીન, પ્રિન્ટ અને પ્રમાણ
- પિક્સેલ / DPI કન્વર્ટરકોઈપણ DPI/PPI પર પિક્સેલને ઇંચ, cm અને mm માં રૂપાંતરિત કરો — સ્ક્રીન ડિઝાઇન અને પ્રિન્ટ બંને કામ માટે ઉપયોગી.
- સ્ક્રીન PPI કેલ્ક્યુલેટરપિક્સેલ ઘનતા, ડોટ પિચ, ભૌતિક પરિમાણો અને વધુ મેળવવા માટે રિઝોલ્યુશન અને સ્ક્રીન સાઇઝ દાખલ કરો.
- px થી rem અને em કન્વર્ટરતમારી પોતાની રૂટ અને કન્ટેક્સ્ટ ફોન્ટ સાઇઝનો ઉપયોગ કરીને px, rem અને em વચ્ચે કન્વર્ટ કરો — કોઈપણ એક ફીલ્ડ બદલો અને બાકીના બે ટાઇપ કરતાં જ અપડેટ થશે.
આ શ્રેણીમાં કોઈ મેળ ખાતા સાધનો નથી.