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





وینگو مارکت
تبلیغات
تبلیغات
تبلیغات تبلیغات
تبلیغات تبلیغات

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

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 کلیک کنید >

خرید ارز
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 1 CSS , HTML5 , اسکریپت ها , فایل های آماده فتوشاپ , گرافیک
لینک کوتاه مطلب : https://www.20script.ir/?p=2195
کلمات کلیدی پست :
مطالب مرتبط
12,288اسکریپت مدیریت رستوران با قابلیت چند فروشندگی iRestora تاریخ : 2019/02/12
15,244پوسته عکاسی و نمونه کار DeRailed نسخه 1.9 برای وردپرس تاریخ : 2016/02/6
14,976معرفی و دانلود فریم ورک متن باز Tedjs تاریخ : 2016/08/13
23,103دانلود قالب سون آپلود 7Upload برای میهالیسم تاریخ : 2015/01/2
12,720دانلود قالب اصلی موزیک شوک مخصوص نیوک ۸٫۳ تاریخ : 2013/11/27
12,219دانلود پوسته مجله ای Valenti نسخه 5.1.2 برای وردپرس تاریخ : 2015/10/13
3,812اسکریپت ایجاد پلتفرم نشر و تبلیغات دیجیتال AdStack تاریخ : 2025/01/10
12,054اسکریپت راه اندازی جامعه مجازی OxWall نسخه 1.8 تاریخ : 2015/12/14
42,278اسکریپت بازاریابی چند سطحی حرفه ای MLMP نسخه 2.8.8.1 تاریخ : 2015/12/26
10,704اسکریپت دایرکتوری اهدا کننده خون BloodBank تاریخ : 2018/06/7
14,850ابزار قالب ساز آنلاین مخصوص بلاگفا (طرح دوم) تاریخ : 2015/08/27
16,021سری اول فایل لایه باز آیکون فلش ها تاریخ : 2013/11/29
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب