Skip to content

Comment on Making iOS 7 squircles using CSS3

Comments

There's also this article that has quite a detailed analysis of the rounded corners of iOS7 icons http://www.mani.de/backstage/?p=483

Reminds me a lot between the G1 and G3 curvature functions from Autodesk Alias (http://www.youtube.com/watch?v=GSIIU03NGlY). More control points are used for more curvature continuity (see also http://en.wikipedia.org/wiki/Freeform_surface_modelling).

This is probably the best analysis that I've seen of the iOS 7 icon shape: http://blog.mikeswanson.com/post/62341902567/unleashing-gene...

(I am slightly biased, though.)

That's much better than the "superellipse" formula that was going around a few weeks ago. It was a good try, but it was pretty imprecise (based on an image that was too low-res to accurately compare).

AboutSource Built by g1lg1l

Hackerly is an independent reader for Hacker News, built on the public HN API. Not affiliated with Y Combinator.