تبلیغات تبلیغات
حراجی دامنه های ویژهمشاهده

تبلیغات
تبلیغات تبلیغات

دکمه های سه بعدی دانلود

CSS , HTML5 , اسکریپت ها , فایل های آماده فتوشاپ , گرافیک

برای این ساعت از سایت بیست اسکریپت دکمه های بسیار زیبا و جذاب سه بعدی به صورت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);
}

 

دانلود

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
ثبت نام در بروکر فارکس با قابلیت واریز و برداشت به صورت ریالی کلیک کنید >
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 1 CSS , HTML5 , اسکریپت ها , فایل های آماده فتوشاپ , گرافیک
لینک کوتاه مطلب : https://www.20script.ir/?p=2195
کلمات کلیدی پست :
مطالب مرتبط
11,812قالب سایت picnama برای سایت های گرافیکی تاریخ : 2014/01/20
16,815اسکریپت ایجاد سایت نیازمندی ها و ثبت آگهی LaraClassified نسخه 1.1 تاریخ : 2016/06/29
8,260دانلود PSD منو های وب سایت تاریخ : 2013/12/11
10,416اسکریپت ورود و عضویت با قابلیت آنالیز کاربران Visitor Signin System تاریخ : 2017/09/21
16,090اسکریپت خدماتی ایجاد نظرسنجی Premium Poll Script تاریخ : 2017/07/28
8,250گالری تصاویر Flipping Gallery به صورت جی کوئری تاریخ : 2013/12/30
5,124کپی کردن کامل یک مطلب در وردپرس تاریخ : 2016/04/18
1,140افزونه نقشه تعاملی سفارشی Mapplic برای وردپرس تاریخ : 2021/07/7
7,280اسکریپت PHP صفحه فرود آماده Notify تاریخ : 2018/06/23
32,728ابزار ساخت کد موس با عکس دلخواه تاریخ : 2018/02/23
10,653اسکریپت فرم تماس باما با قابلیت ارسال فایل phMailer تاریخ : 2015/07/21
6,640اسکریپت سیستم مدیریت کلینیک Clinic365 تاریخ : 2018/05/29
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب
شرکت سئو سایت
تبلیغات
تبلیغات
تبلیغات