ബോർഡർ റേഡിയസ് ജനറേറ്റർ
സ്ലൈഡറുകൾ ഉപയോഗിച്ച് ഓരോ കോണും ഉരുണ്ടതാക്കുക, എലിപ്റ്റിക്കൽ മോഡ് ഉപയോഗിച്ച് ഓർഗാനിക് ബ്ലോബുകൾ രൂപപ്പെടുത്തുക, CSS തൽക്ഷണം പകർപ്പ് ചെയ്യുക.
ഓരോ കോണും നിങ്ങളുടെ ബ്രൗസറിൽ തന്നെയാണ് വരയ്ക്കുന്നത്. നിങ്ങൾ ഇവിടെ സജ്ജീകരിക്കുന്നതൊന്നും BroBroGo-ലേക്ക് അപ്ലോഡ് ചെയ്യില്ല.
പതിവ് ചോദ്യങ്ങൾ
നാല് കോണുകളും px vs % ഉം എങ്ങനെയാണ് പ്രവർത്തിക്കുന്നത്?
നാല് സ്ലൈഡറുകൾ ക്ലോക്ക് വൈസ് ദിശയിൽ മുകളിൽ-ഇടത്, മുകളിൽ-വലത്, താഴെ-വലത്, താഴെ-ഇടത് കോണുകളിലേക്ക് മാപ്പ് ചെയ്യുന്നു. പിക്സലിൽ ഒരു കോൺ ഒരു നിശ്ചിത അളവിൽ ഉരുണ്ടതാകുന്നു; ശതമാനത്തിൽ അത് ബോക്സിന് ആനുപാതികമായി ഉരുണ്ടതാകുന്നു — ഹൊറിസോണ്ടൽ ശതമാനം വീതിയെയും വെർട്ടിക്കൽ ശതമാനം ഉയരത്തെയും പിന്തുടരുന്നു, അതിനാൽ 50% ഒരു ചതുരത്തെ വട്ടമാക്കുന്നു.
എലിപ്റ്റിക്കൽ മോഡ് എന്താണ് ചെയ്യുന്നത്?
ഇത് ഓഫ് ചെയ്യുമ്പോൾ, ഓരോ കോണും ഒരൊറ്റ റേഡിയസ് ഉള്ള കാൽ വട്ടമായിരിക്കും. ഇത് ഓൺ ചെയ്താൽ ഓരോ കോണിനും വെവ്വേറെ ഹൊറിസോണ്ടൽ, വെർട്ടിക്കൽ റേഡിയസ് ലഭിക്കും, ഇത് ഉപയോഗിച്ചാണ് മൃദുവായ ഓർഗാനിക് "ബ്ലോബ്" (blob) രൂപങ്ങൾ നിർമ്മിക്കുന്നത്. ജനറേറ്റർ നിങ്ങൾക്കായി രണ്ട് മൂല്യങ്ങളുള്ള സ്ലാഷ് ഫോം എഴുതുകയും കോണുകൾ വീണ്ടും ഉരുണ്ടതാകുമ്പോൾ ഷോർട്ട് ഫോമിലേക്ക് മാറുകയും ചെയ്യുന്നു.
എനിക്ക് എങ്ങനെ ഒരു കൃത്യമായ വട്ടമോ പിൽ ആകൃതിയോ ഉണ്ടാക്കാം?
കോണുകൾ പരസ്പരം ബന്ധിപ്പിക്കുക, ശതമാനത്തിലേക്ക് (percent) മാറ്റി 50% എന്ന് നൽകുക: ഒരു ചതുരം വട്ടമായി മാറും. ഒരു പിൽ ആകൃതിയിലുള്ള (pill-shaped) ബട്ടണിനായി, പിക്സലുകൾ (pixels) തന്നെ നിലനിർത്തിക്കൊണ്ട് ഒരു കോൺ ബട്ടണിന്റെ പകുതി ഉയരത്തേക്കാൾ കൂടുതൽ വലിക്കുക — വീതി എത്രയായാലും വശങ്ങൾ പൂർണ്ണമായും ഉരുണ്ടിരിക്കും. സർക്കിൾ പ്രീസെറ്റ് ഒറ്റ ക്ലിക്കിലൂടെ ആദ്യത്തെ കേസ് സജ്ജമാക്കുന്നു.