اعمال لا تصدق على CodePen #استلهام



ليس للابداع نهاية ولا حدود وهذا هو من اكبر مميزات هذا المجال . فمع هذه الامثلة المبنية على HTML , CSS , Javascript سترى بنفسك كم الاحترافية فى هذه الاعمال المميزة لتتعلم منها فاليك اعمال لا تصدق على CodePen والتقنيات المبنى عليها هذه الاعمال الرائعة .


اعمال لا تصدق على CodePen 

Draw Worm

هذا العمل الرائع قائم على تقنية Canvas وهى تقنية فى HTML5 وعن طريق تتبع الموس يقوم برسم فروع جديدة فى اللوحة الاصلية .

See the Pen Draw worm by Tim Holman (@tholman) on CodePen.


عمل اخر قائم على Canvas فالوان الاشعة تتبع الموس ويمكنك رؤية لون رمادي خلف الوان الاشعة وكأن الاشعة تترك اثر لها !  

See the Pen Trail by Hakim El Hattab (@hakimel) on CodePen.


هذا العمل المميز قائم فقط على Css ولا يحتوي Javascript ويستخدم Css Animations والاشكال لعمل تأثير الفقاعات تحت الماء 

See the Pen Nothing is beyond you. by ericanton (@EricAnton) on CodePen.


هذا العمل يقوم برسم شعار لجوجل كروم عن طريق Gradients وتحريكه عن الوقوف عليه بعمل دوران له وكذلك انكماش والعمل قائم بالكامل على CSS3 .

See the Pen Single Element Google Chrome Logo by Mike King (@micjamking) on CodePen.


هذا العمل المميز يقوم على عمل Animation لشكل من النوع SVG .

See the Pen SVG Line Loader (success) by Chris Gannon (@chrisgannon) on CodePen.


من الاعمال الابداعية فعلًا تبين لك اللمسة الفنية لمصممها .

See the Pen Rainbow Grid by Jack Rugile (@jackrugile) on CodePen.

وفى النهاية فان افضل موقع للتعلم هو موقع Codepen فادعوك للاستفادة منه و من هذه الاعمال الرائعة . ان اعجبتك المشاركة لا تنسى مشاركتها مع اصدقائك ومشاركتنا فى التعليقات .



شارك الموضوع

مواضيع ذات صلة