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

2 تعليقات / بواسطة / تصميم ويب, واجهة المستخدم

 

ليس للابداع نهاية ولا حدود وهذا هو من اكبر مميزات هذا المجال . فمع هذه الامثلة المبنية على 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 فادعوك للاستفادة منه و من هذه الاعمال الرائعة . ان اعجبتك المشاركة لا تنسى مشاركتها مع اصدقائك ومشاركتنا فى التعليقات .

اشترك فى القائمة البريدية

عن الكاتب

مؤسس مطور

شارك على وسائل التواصل

مقالات متعلقة

فكرتين عن“اعمال لا تصدق على CodePen #استلهام”

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *


إبدأ بالكتابة ثم اضغط زر enter للبحث