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

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

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);
}

 

این مقاله چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید.

میانگین رتبه 0 / 5. تعداد رای : 0

تا حالا کسی رای نداده! اولین نفر شما باشید.

دانلود

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
هاست وردپرس پرسرعت لیموهاست - آپ تایم 99% - مخصوص وردپرس خرید هاست >
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 1 CSS , HTML5 , اسکریپت ها , فایل های آماده فتوشاپ , گرافیک
لینک کوتاه مطلب : https://www.20script.ir/?p=2195
کلمات کلیدی پست :
مطالب مرتبط
8,192اسکریپت کوتاه کننده لینک AdLinkFly نسخه 2.5.1 تاریخ : 2016/08/21
6,047دانلود اسکریپت کوتاه کننده لینک نسخه ۳ تاریخ : 2014/01/19
36,617قالب رایگان وردپرس نبض موزیک تاریخ : 2014/05/3
13,524اسکریپت آپلود فایل چندگانه PHP Multiple File Uploader تاریخ : 2015/03/30
6,950عناصر لایه باز بسیار زیبا برای طراحی وب سایت تاریخ : 2013/11/27
12,263ابزار فوق العاده منو بخون..! تاریخ : 2015/07/16
7,660ایجاد مگا منو در وب سایت با اسکریپت TT Menu تاریخ : 2015/09/4
10,427راه اندازی سایت ارائه کوپن تخفیف هاستینگ با اسکریپت MC Hosting Coupons تاریخ : 2018/03/23
7,910قالب زیبای پارس نشان برای وردپرس تاریخ : 2014/08/26
8,122دانلود قالب قبلی تالارگفتگوی بیست اسکریپت برای زنفورو تاریخ : 2016/05/20
10,150اسكريپت سيستم مديريت محتواي Snews تاریخ : 2017/09/23
8,445تبدیل تصاویر به جعبه های سه بعدی با 3D Box Generator Action تاریخ : 2013/10/23
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب
تبلیغات
تبلیغات