مقالة مقدمة من wulin.com (www.vevb.com): تعلم القليل من HTML5+CSS3 كل يوم ، وتجميع التجربة ببطء ، وابدأ من الأساسيات. فيما يلي يقدم بشكل أساسي رسم أزرار لاعب بسيطة.
تعلم القليل من HTML5+CSS3 كل يوم ، وتراكم التجربة ببطء ، وابدأ من الأساسيات. ما يلي يقدم بشكل أساسي رسم أزرار لاعب بسيطة ؛
أولاً ، دعنا نرى كيف تبدو حدود الإعداد عندما يكون عرض وارتفاع Div 0؟
الرمز كما يلي:
1
عروض التشغيل هي كما يلي:
لذا ، هل يمكننا رؤية شيء من هذه الصورة؟
إذا أزلنا ثلاثة من الحدود ، فهل يمكننا رسم مثلث؟ الجواب نعم. مع رمز واحد فقط ، يمكنك رسم مثلث:
تأثير:
الآن من السهل رسم زر اللاعب. جنبا إلى جنب مع بعض نصائح ملاحظات التعلم ، وقليل من تكييف الكود لرسم المثلث أعلاه ، من السهل رسم زر لاعب الأخير.
الرمز كما يلي:
1
زر اللاعب
تأثير:
ملخص: يستخدم هذا المثال البسيط بشكل أساسي استخدام الحدود لرسم المثلثات ، والتحول قليلاً ، مثل تغيير عرض الحدود أو حجم div ، لرسم بعض الرسومات الأساسية الأخرى. بالإضافة إلى ذلك ، يتم استخدام الزوايا المستديرة والظلال وتحولات الرسومات في CSS3.