مجموعه ازرار مختلف ب css3

بسم الله الرحمن الرحيم
السلام عليكم ورحمة ورحمة الله وبركاته

موضوع عباره عن ازرار ب css3 اجتهتد فيها خفيفه على متصفحات واصحبت اغلب متصفحات تدعمها ويمكن ان تكون يد عون لمكودين ومبرمجين 


ازرار عباره عن خمس مجموعات
مجموعه اولى:عباره عن ازرار عاديه مع ايقونه يتم تغيير لونها عن وضع ماوس عليها  

رمز Code:

 <a class="grand color button" href="#">
  <span>تحميل <small>سريع</small></span></a>

 

يتم فقط تغير اول كلاس بحسب لون زر وكل زر له خصائص مرفقه في ملف
style.css
وهناك شرح لكل خصائص الى اي مجموعه تنتمي وحسب لون زر كذلك
مجموعه تانيه :ازرار مشابه في خصائص التي فوق لكن بشكل تاني  

 

رمز Code:

 

<a class="grand color buttonn" href="#">
  <span>تحميل <small>سريع</small></span></a>

 يتم فقط تغير اول كلاس بحسب لون زر وكل زر له خصائص مرفقه في ملف
style.css
وهناك شرح لكل خصائص الى اي مجموعه تنتمي وحسب لون زر كذلك
مجموعه تالته:ازرار كبيره بشكل مختلف

رمز Code:

<a class="grand color buttonnn" href="#">
  <span>سارع في حجز موقعك الان</span></a> 

يتم فقط تغير اول كلاس بحسب لون زر وكل زر له خصائص مرفقه في ملف
style.css
وهناك شرح لكل خصائص الى اي مجموعه تنتمي وحسب لون زر كذلك
مجموعه رابعه :نفس ازرار الي قبل منها بس بحجم اصغر

  مجموعه خامسه:عباره عن ازرار عند ضغط عليها يتغير لونها وتزاح الى يمين

رمز Code:

 

<a class="pub col but" href="">معنا نحو الافضل</a>

اتمنى اكون وفقت فى شرح هذا الدرس بطريقة مبسطه ، فان اصبت فمن الله وان أخطأت فمن نفسي والشيطان .

وانتظروني مع المفاجئات القادمه باذن الله راح تعجب

 

 

يسمح لكم بنقل الموضوع بشرط ذكر المصدر : مجموعه ازرار مختلف ب css3 | TATWEERWEB

 

ساهم في نشر الموضوع ولك جزيل الشكر !

أضف تعليقك عن طريق الفيسبوك :

استايلات وقوالب