في الوقت الحالي ، لدى معظم معجبي أبل أيديهم على جهاز iPhone 6 ، ويبدو أنهم لا يصدقون - حتى لو كان لدى Apple قدمت شاشات منحنية بطريق الخطأ.
iPhone هو مثال رائع على التصميم التكراري. كل نموذج هو تطور وليس ثورة ، وكلها تعتمد على التصميم السابق. بالنظر إلى جهاز iPhone الأصلي ، فإنه لا يشبه إلى حد كبير جهاز iPhone 6 ، ولكن انظر إلى نموذج واحد بعد الآخر ويمكنك متابعة عملية التصميم على النحو الذي يتبعه تنقيح واحد آخر.
هذا التاريخ يجعل iPhone موضوعًا رائعًا لانتقالات المتجهات ، وما هي أفضل طريقة لتحقيق ذلك من CSS؟ أدخل CSS المغلق النقي - لم يتم استخدام أي صور على الإطلاق - الرسوم المتحركة التفاعلية لتاريخ الـ iPhone. فقط قم بالتمرير من خلال النماذج واحدة تلو الأخرى وشاهد الرسوم المتحركة الجميلة.
تم بناء المشروع بأكمله من قبل ستيفن جريفين نيابة عن حماية فقاعة الخاص بك ، من الواضح أنه يحب وسطه المختار:
على مر السنين تطورت CSS لتشمل المزيد والمزيد من القدرات التي تشمل الآن القدرة على تطبيق الزوايا الدائرية ، وإنشاء تدرجات لونية ، وفي المتصفحات الحديثة مثل Chrome و Firefox ، والقدرة على التدوير ، وقياس ، بل وحتى إضافة تأثيرات طمس ومؤثرات التصفية الأخرى .
تستخدم قطعة الجدول الزمني لجهاز iPhone ميزات CSS هذه لإنشاء رسوم توضيحية مصنوعة تمامًا من الشفرة. لم يتم استخدام أي صور لإعادة إنشاء كل جهاز iPhone ، فقط عناصر HTML فارغة تم تصميمها تمامًا باستخدام CSS.