Mittlerweile haben die meisten Apple-Fans ein iPhone 6 in der Hand, und sie sehen ziemlich unglaublich aus - selbst wenn Apple es getan hat zufällig eingeführte gekrümmte Bildschirme.
Das iPhone ist ein wunderbares Beispiel für iteratives Design; Jedes Modell ist eher eine Evolution als eine Revolution, und alle bauen auf dem vorherigen Design auf. Wenn man sich das Original iPhone anschaut, sieht es nicht wie das iPhone 6 aus, sondern man sieht sich ein Modell nach dem anderen an und man kann dem Designprozess fast folgen, wenn eine Verfeinerung der anderen folgt.
Diese Geschichte macht das iPhone zu einem coolen Thema für Vektorübergänge, und welchen besseren Weg, um das zu erreichen, als mit CSS? Geben Sie dieses unglaubliche reine CSS ein - es wurden überhaupt keine Bilder verwendet - interaktive Animation der Geschichte des iPhone. Scrollen Sie einfach nacheinander durch die Modelle und sehen Sie sich die schöne Animation an.
Das gesamte Projekt wurde von Stephen Griffin im Auftrag von Schütze deine Blase, wer sein gewähltes Medium eindeutig liebt:
Im Laufe der Jahre hat sich CSS zu immer mehr Fähigkeiten entwickelt, die jetzt die Möglichkeit bieten, abgerundete Ecken anzuwenden, Farbverläufe zu erzeugen und in modernen Browsern wie Chrome und Firefox die Fähigkeit zu drehen, zu skalieren und sogar Unschärfen und andere Filtereffekte hinzuzufügen .
Das iPhone-Timeline-Stück nutzt diese CSS-Funktionen, um Illustrationen zu erstellen, die nur aus Code bestehen. Es wurden keine Bilder verwendet, um jedes iPhone neu zu erstellen, sondern nur HTML-Elemente, die nur mit CSS formatiert wurden.