المعلومات | الكاتب: | | اللقب: | Admin | الرتبه: | | الصورة الرمزية | | البيانات | الجنس : | | عدد المساهمات : | 1357 | السٌّمعَة : | 36 | تاريخ التسجيل : | 28/08/2014 | الموقع : | بيت الجزائر لكل العرب |
الإتصالات | الحالة: | | وسائل الإتصال: | |
| موضوع: كود css لـــ 10 أشكال للازرار في غاية الجمال الإثنين 2 نوفمبر 2015 - 22:21 |
|
كود css لـــ 10 أشكال للازرار في غاية الجمالالشكل الاول:الكود:الشكل الثاني:الكود :الشكل الثالث :الشكل الرابع :الشكل الخامس :الكود :[/hide] - الكود:
-
/* كود الأزرار -------------*/ input[type="submit"], input[type=reset], .button { display: inline-block; margin: 0; margin-right: 12px; cursor: pointer; border: 1px solid #bbb; overflow: visible; color: #fff; padding: 5px 8px; font-size: 12px; font-family:Tahoma; line-height: 1.55em; vertical-align: middle; text-decoration: none; white-space: nowrap; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: all .15s linear; -moz-transition: all .15s linear; transition: all .15s linear; text-shadow: 1px 0 0 rgba(0,0,0,0.35); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.3)), to(rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0)); background-image: -moz-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0)); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0)); background-image: -o-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0)); background-image: linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0)); background-color: #ed4c7d; border-color: #d22e5c; } input[type="submit"]:hover, input[type=reset]:hover, .button:hover {
background-color: #ec698b; }
input[type="submit"]:active, input[type=reset]:active, .button:active { box-shadow: 0 1px 1px rgba(0,0,0,0.35) inset; background-color: #d22e68; }
/* كود الأزرار -------------*/ [/hide] الشكل السادس :الكود :الشكل السابع :الكود :الشكل الثامن :الكود :الشكل التاسع :الكود :الشكل العاشر : |
|