برای این ساعت از سایت بیست اسکریپت دکمه های بسیار زیبا و جذاب سه بعدی به صورتHtml و لایه باز قرار دادیم که امیدوارم خوستون بیاد و لذت ببرید.
برای استفاده راحت می توانید از این کد ها هم استفاده کنید !
The HTML
<div class="button"> <a class="blue" href="">Download</a> </div>
The CSS
Let’s style the button so it matches our PSD design.
a.blue { display: block; position: relative; width: 155px; height: 38px; margin: 0 auto; padding: 12px 0 0 65px; background: url(../images/arrow.png) 25px center no-repeat; /* IE < 9 */ background: url(../images/arrow.png) 25px center no-repeat, -webkit-gradient(linear, left top, left bottom, from(#bcdeeb), to(#7cbdd7)); background: url(../images/arrow.png) 25px center no-repeat, -webkit-linear-gradient(top, #bcdeeb, #7cbdd7); background: url(../images/arrow.png) 25px center no-repeat, -moz-linear-gradient(top, #bcdeeb, #7cbdd7); background: url(../images/arrow.png) 25px center no-repeat, -o-linear-gradient(top, #bcdeeb, #7cbdd7); background: url(../images/arrow.png) 25px center no-repeat, -ms-linear-gradient(top, #bcdeeb, #7cbdd7); background: url(../images/arrow.png) 25px center no-repeat, linear-gradient(to bottom, #bcdeeb, #7cbdd7); background-color: #85c2da; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 0px 3px 0 #fff inset, 0 -1px 0 0 rgba(255,255,255,.05) inset; -webkit-box-shadow: 0 0px 3px 0 #fff inset, 0 -1px 0 0 rgba(255,255,255,.05) inset; box-shadow: 0 0px 3px 0 #fff inset, 0 -1px 0 0 rgba(255,255,255,.05) inset; font-family: 'Myriad Pro', Arial, Helvetica, sans-serif; font-size: 24px; line-height: 24px; color: #fff; text-decoration: none; text-shadow: 0 1px 1px rgba(0,0,0,.2); }
حجم ، تعداد و فرمت فايل ها :62 کیلوبایت ، — فايل با فرمت Zip
رمز فايل :www.20script.ir
دمو :demo
دانلود فايل از سرور بيست اسکريپت
- مشکلی دارید؟ جواب خود را در پست فروم بگیرید
- منبع : بیست اسکریپت لطفا رعایت کنید
