Корзина
Корзина пуста.

Кнопка на сайте код CSS

Ссылка

Данный код надо использовать в стилях css подключенных к вашему сайту.

.atuin-btn {

    display: inline-flex;

    margin: 10px;

    text-decoration: none;

    position: relative;

    font-size: 20px;

    line-height: 20px;

    padding: 12px 30px;

    color: #FFF;

    font-weight: bold;

    text-transform: uppercase;

    font-family: 'Roboto Condensed', Тahoma, sans-serif;

    background: #337AB7;

    cursor: pointer;

    border: 2px solid #BFE2FF;

    transition: transform 0.2s ease-out, padding 0.2s ease-out;

    overflow: hidden;

}

.atuin-btn:hover,

.atuin-btn:active,

.atuin-btn:focus {

    color: #FFF;

    transform: rotate(-2deg);

    padding: 12px 50px 12px 10px;

}

.atuin-btn:before {

    content: "27A4";

    position: absolute;

    right: -30px;

    color: #1C4B73;  

    transition: right 0.5s cubic-bezier(.97,.01,.97,.55);

}

.atuin-btn:hover:before,

.atuin-btn:active:before,

.atuin-btn:focus:before {

    right: 10px;

}

Кнопка на сайте код CSS

Отзывы о статье: 0 (добавить отзыв о статье)
Дата: 19.07.2020

Просмотров: 63