Nyní většina fanoušků Apple má své ruce na iPhone 6, a vypadají docela neuvěřitelně - i když Apple má náhodně zavedené zakřivené obrazovky.
IPhone je skvělý příklad iteračního designu; každý model je vývoj spíše než revoluce a všechny vycházejí z předchozího návrhu. Když se díváte na původní iPhone, nevypadá tolik jako iPhone 6, ale podívejte se na jeden model za druhým a můžete téměř sledovat proces návrhu, zatímco jedno vylepšení následuje další.
Tato historie dělá iPhone skvělý předmět pro vektorové přechody a jaký lepší způsob, jak toho dosáhnout než s CSS? Zadejte tento neuvěřitelně čistý CSS - žádné obrázky nebyly vůbec použity - interaktivní animace historie iPhone. Jednoduše procházejte modely jeden po druhém a podívejte se na krásnou animaci.
Celý projekt postavil Stephen Griffin jménem Chraňte svůj bublina, který jasně miluje své zvolené médium:
V průběhu let se CSS vyvinulo tak, aby zahrnovalo více a více možností, které nyní zahrnují schopnost aplikovat zaoblené rohy, vytvářet barevné gradienty a v moderních prohlížečích, jako jsou Chrome a Firefox, schopnost otáčet, měřit a dokonce přidávat rozostření a další efekty filtru .
Část časové osy iPhone využívá tyto funkce CSS k vytváření ilustrací, které jsou vyrobeny čistě kódem. Žádné obrázky nebyly použity k obnovení každého iPhone, jen prázdné prvky HTML, které byly stylizovány čistě s CSS.