Generator Squircle CSS — Pătrat rotunjit
Proiectați vizual raza marginii CSS: patru glisoare de colț independente în pixeli sau procente, o comandă rapidă pentru toate colțurile pentru cercuri și pastile instantanee, plus un mod blob organic cu forme aleatorii.
Rezultat
Această pagină deschide generatorul de rază de frontieră cu toate cele patru colțuri legate la 30%, o rotunjire moderată care se află între un pătrat ascuțit și un cerc complet. Nu este un adevărat squircle matematic (o superelipsă), dar este cea mai apropiată proprietate CSS pe care o poate obține și este valoarea la care ajung majoritatea sistemelor de design atunci când își doresc acest aspect.
Numele provine de la pictogramele de aplicație cu pătrate rotunjite popularizate de iOS: suficientă curbă pe fiecare colț pentru a fi moale și prietenos, dar niciodată atât de mult încât forma să se citească drept rotundă. Piesele de pictograme, miniaturile cardurilor și cadrele moderne de avatar toate se bazează pe raze în aceeași gamă aproximativă exact din acest motiv.
Deplasați glisorul conectat în sus pentru o senzație mai moale, mai circulară sau în jos pentru un aspect mai clar și mai pătrat - linia CSS se actualizează cu fiecare modificare, gata să fie copiată odată ce curba se simte potrivită pentru pictograma sau cardul dvs.