Перейти к публикации
.V.I.P.

Кнопка Download Images

Рекомендованные сообщения

1.png

HTML

<div class="svbth">
 <a class="btn_green_white_innerfade btn_medium saveButton" style="left:6px; position:relative;" href="/">
  <div class="saveButtonShadow"></div><span style="color:#ffffff"><div class="fa fa-check-circle"></div> Download Images</span>
                                    </a>
                                </div>

CSS

.svbth {
    top: 10px;
    position: relative;
    white-space: nowrap;
}

.saveButton {
    left: 5px;
    position: relative;
    width: 256px;
    height: 45px;
    text-align: center;
    background: linear-gradient(45deg,#36bbf7,#702df9)!important;
    transition: all .25s ease;
    opacity: .9;
}
.saveButton:hover {
    transition: all .25s ease;
    opacity: 1;
}
.saveButtonShadow {
    background: linear-gradient(45deg,#36bbf7,#702df9);
    filter: blur(12px);
    position: relative;
    right: 1px;
    height: 42px;
    width: 258px;
}
.saveButton> span {
    background: none!important;
    top: -36px;
    opacity: 1;
    position: relative;
    font-size: 17px;
    background: none;
}

.btn_medium> span {
    padding: 0 15px;
    font-size: 15px;
    line-height: 30px;
}
.btn_green_white_innerfade> span {
    border-radius: 2px;
    display: block;
    background: #799905;
    background: -moz-linear-gradient(top,#799905 5%,#536904 95%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(5%,#799905),color-stop(95%,#536904));
    background: -webkit-linear-gradient(top,#799905 5%,#536904 95%);
    background: -o-linear-gradient(top,#799905 5%,#536904 95%);
    background: -ms-linear-gradient(top,#799905 5%,#536904 95%);
    background: linear-gradient(180deg,#799905 5%,#536904 95%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#799905",endColorstr="#536904",GradientType=0);
}
.btn_green_white_innerfade:not(.btn_disabled):not(.btn_active):hover:not(.active):hover {
    text-decoration: none!important;
    color: #fff!important;
    background: #b6d908;
    background: -moz-linear-gradient(top,#b6d908 5%,#80a006 95%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(5%,#b6d908),color-stop(95%,#80a006));
    background: -webkit-linear-gradient(top,#b6d908 5%,#80a006 95%);
    background: -o-linear-gradient(top,#b6d908 5%,#80a006 95%);
    background: -ms-linear-gradient(top,#b6d908 5%,#80a006 95%);
    background: linear-gradient(180deg,#b6d908 5%,#80a006 95%);
}

.btn_green_white_innerfade {
    border-radius: 2px;
    border: none;
    padding: 1px;
    display: inline-block;
    cursor: pointer;
    text-decoration: none!important;
    color: #d2e885!important;
    background: #a4d007;
    background: -moz-linear-gradient(top,#a4d007 5%,#536904 95%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(5%,#a4d007),color-stop(95%,#536904));
    background: -webkit-linear-gradient(top,#a4d007 5%,#536904 95%);
    background: -o-linear-gradient(top,#a4d007 5%,#536904 95%);
    background: -ms-linear-gradient(top,#a4d007 5%,#536904 95%);
    background: linear-gradient(180deg,#a4d007 5%,#536904 95%);
}

 

  • Лайк 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

DEL

  • Лайк 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Guest
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.


  • Сейчас на странице   0 пользователей

    Нет пользователей, просматривающих эту страницу.

×
×
  • Создать...