السلام عليكم ورحمة الله وبركاته
انا اليوم جايبلكم ازرار ابداع وحلوة بكل تأثيراتها يعني الزر عند
المرور عليه وعند الضغط وعند التعطيل
وشوفو الصور
بأحجام مختلفة
![](http://www.red-team-design.com/wp-content/uploads/2012/09/css3-patterned-buttons.png)
كل ماعليك الا ان تحمل الكود من المرفقات وتضع بوتون
كود PHP:
<button class="small button">زر صغير </button>
<button class="largebutton">زر كبير</button>
وبألوان مختلفة
![](http://www.red-team-design.com/wp-content/uploads/2012/09/css3-patterned-buttons-colored.png)
تحمل من المرفقات وتضع الكود ده بالhtml
كود PHP:
<button class="button">Button</button>
<button class="color red button">زر لونه احمر</button>
<button class="color green button">زر لونه اخضر</button>
<button class="color blue button">زر لونه ازرق</button>
أزرار disabled
![](http://www.red-team-design.com/wp-content/uploads/2012/09/css3-patterned-buttons-disabled.png)
كود PHP:
<button class="button" disabled>Button</button>
<button class="color red button" disabled>زر أحمل</button>
<button class="color green button" disabled>أخضر</button>
<button class="color blue button" disabled>أزرق</button>
مجموعة أزرار
![](http://www.red-team-design.com/wp-content/uploads/2012/09/css3-patterned-buttons-group.png)
كود PHP:
<ul class="button-group">
<li><button class="button">Button</button></li>
<li><button class="button">Button</button></li>
<li><button class="button">Button</button></li>
<li><button class="button">Button</button></li>
</ul>
ومن هنا لتجربة الأزرار CSS3 patterned buttons demo - RedTeamDesign
للتحميل من المرفقات