Şimdiye kadar, Apple hayranlarının çoğu, bir iPhone 6'ya sahipler ve Apple’a sahip olsalar bile oldukça inanılmaz görünüyorlar. yanlışlıkla kavisli ekranlar tanıtıldı.
İPhone iteratif tasarımın harika bir örneğidir; Her model bir devrimden ziyade bir evrimdir ve hepsi önceki tasarıma dayanır. Orijinal iPhone'a baktığımızda, iPhone 6'ya benzemiyor, ancak diğer modelden sonra bir modele bakıyorsunuz ve tasarım sürecini bir arınma diğerini izledikçe takip edebilirsiniz.
Bu tarih, iPhone'u vektör geçişleri için harika bir konu ve CSS ile elde etmekten daha iyi bir yolu kılıyor? Bu inanılmaz saf CSS'yi girin - hiç resim kullanılmadı - iPhone'un geçmişinin etkileşimli animasyonu. Sadece modelleri tek tek kaydırın ve güzel animasyonu izleyin.
Tüm proje adına Stephen Griffin tarafından inşa edildi. Kabarcınızı Koruyun, Seçtiği ortamı açıkça seven:
Yıllar geçtikçe CSS, artık köşeleri yuvarlama, renk gradyanları oluşturma ve Chrome ve Firefox gibi modern tarayıcılarda, döndürme, ölçekleme ve hatta bulanıklaştırma ve diğer filtre efektlerini ekleme yeteneğini de içeren daha fazla yetenek içerecek şekilde gelişti. .
İPhone zaman çizelgesi parçası, yalnızca CSS'den yapılmış çizimler oluşturmak için bu CSS özelliklerinden yararlanır. Her bir iPhone'u yeniden oluşturmak için hiçbir resim kullanılmadı, sadece CSS ile tasarlanan sadece boş HTML öğeleri.