ازرار المنتدى

كيفية عمل ازارار المنتدى بهذا الشكل
بمرور الماوس عليها يحدث تاثير

مرحباً,

تفضل 

يوضع في ورقة التصاميم css

الكود:

/* كود الأزرار ------ www.haya-m.net -------*/
input[type="submit"], input[type=reset], .button , input[name="haya1"]{
background: #00a1cb;
font-family: Sans-serif;
font-size: 12px;
text-align: center;
-webkit-transition:300ms;
border:none!important;
border-radius:3px;
color:#FFF!important;
padding:5px 10px!important;
transition:300ms
}
input[type="submit"]:hover, input[type=reset]:hover, .button:hover  , input[name="haya1"]:hover {
  background: #CF4647;

}

شكرا اخي على تعبك
بس مفيش اي تأثير ظهر

جرب الان :

الكود:

/* كود الأزرار ------ www.haya-m.net -------*/input[type="submit"], input[type=reset], .button ,input{background: #00a1cb;font-family: Sans-serif;font-size: 12px;text-align: center;-webkit-transition:300ms;border:none!important;border-radius:3px;color:#FFF!important;padding:5px 10px!important;transition:300ms}input[type="submit"]:hover, input[type=reset]:hover,.button:hover  , input:hover {  background: #CF4647; }