Администраторы Severniy Опубликовано 25 сентября, 2019 Администраторы Поделиться Опубликовано 25 сентября, 2019 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%); } 2 1 Ссылка на комментарий
Администраторы Severniy Опубликовано 25 сентября, 2019 Автор Администраторы Поделиться Опубликовано 25 сентября, 2019 DEL 1 Ссылка на комментарий
Администраторы Severniy Опубликовано 25 сентября, 2019 Автор Администраторы Поделиться Опубликовано 25 сентября, 2019 Ссылка на комментарий
Рекомендуемые сообщения
Для публикации сообщений создайте учётную запись или авторизуйтесь
Вы должны быть пользователем, чтобы оставить комментарий
Создать учетную запись
Зарегистрируйтесь. Это очень просто!
Регистрация нового пользователяВойти
Уже есть аккаунт? Войти в систему.
Войти