Кнопки меню 1

Кнопки меню 1

Стили CSS:

.header_nav {
    text-align: center;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    padding: 20px;
    margin-top: 20px;
}
.header_nav li{
    display: inline-block;
    padding:0 7px;
}
.header_nav li a {
    display: block;
    padding: 7px 23px 10px;
    color: #fff;
    font-weight: 600;
    background: rgb(254,202,1);
    background: -moz-linear-gradient(top, rgba(254,202,1,1) 0%, rgba(204,55,154,1) 100%);
    background: -webkit-linear-gradient(top, rgba(254,202,1,1) 0%,rgba(204,55,154,1) 100%);
    background: linear-gradient(to bottom, rgba(254,202,1,1) 0%,rgba(204,55,154,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feca01', endColorstr='#cc379a',GradientType=0 );
    text-decoration: none;
    border-radius: 8px;
    -moz-transform: skewX(-15deg);
    -webkit-transform: skewX(-15deg);
    -o-transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
    transform: skewX(-15deg);
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.51);
    font-size: 18px;
}
.header_nav li a span{
    display: inline-block;
    -moz-transform: skewX(15deg);
    -webkit-transform: skewX(15deg);
    -o-transform: skewX(15deg);
    -ms-transform: skewX(15deg);
    transform: skewX(15deg);
}

Результат:

Способ поблагодарить автора сайта:

Комментарии (0)

  1. Напишите первый комментарий
*Комментарий будет опубликован после проверки модератором