W tej chwili większość fanów Apple ma ręce na iPhonie 6 i wyglądają niesamowicie - nawet jeśli Apple przypadkowo wprowadzone zakrzywione ekrany.
IPhone to wspaniały przykład iteracyjnego projektu; każdy model jest raczej ewolucją niż rewolucją i wszystkie opierają się na poprzednim projekcie. Patrząc na oryginalny iPhone, nie wygląda tak jak iPhone 6, ale spójrz na jeden model po drugim i możesz niemal podążać za procesem projektowania, ponieważ jedno ulepszenie następuje po innym.
Ta historia sprawia, że iPhone jest fajnym tematem dla przejść wektorowych i czy jest lepszy sposób na osiągnięcie tego niż w przypadku CSS? Wejdź w ten niesamowity czysty CSS - w ogóle nie używano żadnych zdjęć - interaktywna animacja historii iPhone'a. Wystarczy przejrzeć modele jeden po drugim i obejrzeć piękną animację.
Cały projekt został zbudowany przez Stephena Griffina w imieniu Chroń swoją bańkę, który wyraźnie kocha wybrane przez siebie medium:
Z biegiem lat CSS ewoluował, aby objąć coraz więcej możliwości, które teraz obejmują możliwość stosowania zaokrąglonych narożników, tworzenia gradientów kolorów, oraz w nowoczesnych przeglądarkach takich jak Chrome i Firefox, możliwość obracania, skalowania, a nawet dodawania rozmycia i innych efektów filtrowania .
Element linii czasu iPhone'a wykorzystuje te funkcje CSS do tworzenia ilustracji wykonanych wyłącznie z kodu. Żadne obrazy nie zostały użyte do odtworzenia każdego iPhone'a, tylko puste elementy HTML, które zostały stylizowane czysto za pomocą CSS.