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





پلتفرم رپورتاژ آگهی و بک لینک تسمینو
تبلیغات
تبلیغات
تبلیغات تبلیغات
تبلیغات ژاکت, مرجع خرید قالب و افزونه وردپرسی اورجینال

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

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
کلمات کلیدی پست :
مطالب مرتبط
9,364دانلود قالب میزبانی هاستینگ Liquid Host برای Whmcs تاریخ : 2015/04/7
25,059دانلود قالب زیبای آلمان دیتا به صورت HTML تاریخ : 2015/02/13
8,640اسکریپت پلت فرم ایجاد کارت تخفیف DiscountCard تاریخ : 2019/02/28
12,867اسکریپت بررسی اطلاعات آی پی IP Location Finder تاریخ : 2018/02/19
10,179قالب وب ریسورس برای وردپرس تاریخ : 2013/12/12
12,198اسکریپت راهنمای گردشگری و مسافرت Tripbuddy تاریخ : 2018/03/21
10,155افزونه وردپرس Hello Dolly تاریخ : 2016/02/15
11,884اسکریپت کلون آپلود سنتر سایت Mediafire تاریخ : 2014/03/2
10,136قالب شرکتی Softone به صورت HTML تاریخ : 2014/10/22
26,953افزونه نمایش اوقات شرعی برای وردپرس تاریخ : 2015/10/27
9,784اسکریپت نیازمندی ها و ثبت آگهی Themeqx تاریخ : 2017/12/10
83,149اسکریپت مدیریت هاستینگ و صورت حساب فارسی WHMCS نسخه 8.10.1 تاریخ : 2024/04/30
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
بیست اسکریپت
اسکریپت
profile
sourceforge
profile webmaster
profile check
checker list
checker
checker
upload file