زر ثلاثي الأبعاد للتحميل او المعاينة |SWE-UP

اذا كنت تمتلك موقع او مدونة وتريد عرض معاينة او وضع رابط تحميل بشكل جميل فأنك تلجأ في الأغلب الى وضع صورة قد تكون بصيغة gif ولكن هذا يؤثر على سرعة تحميل مدونتك فهذا يعتبر حمل زائد على المدونة لذا اليوم سوف نقوم بتركيب زر يغنيك عن هذا كله وبشكل احترافي حيث انه يتموج عند مرور الماوس عليه كما انه يظهر البعد الثالث سوف يبدوا كأنه حقيقي
للمعاينة
كود Css



رمز Code:
.ButtonOK {
box-shadow: 3px 4px 0px 0px #1564ad;
background:linear-gradient(to bottom, #79bbff 5%, #378de5 100%);
background-color:#79bbff;
border-radius:5px;
border:1px solid #337bc4;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:arial;
font-size:17px;
font-weight:bold;
padding:12px 44px;
text-decoration:none;
text-shadow:0px 1px 0px #528ecc;
}
.ButtonOK:hover {
background:linear-gradient(to bottom, #378de5 5%, #79bbff 100%);
background-color:#378de5;
}
.ButtonOK:active {
box-shadow: 1px 1px 0px 0px #1564ad;
position:relative;
top:1px;
left:1px;
}
يمكنك تغيير تدريج الالوان حسب ما يتناسب مع مدونتك ومواضيعك
جرب بنفسك
لاستخدام الزر ضع الكود التالي في محرر HTML
رمز Code:
تحميل

:icon30:g