JSFiddle - React, Tailwind, and code Playground

by Tony Realovich

HTML

<div class="menu-item">Пункт первый</div>
<div class="menu-item">Пункт второй</div>
<div class="menu-item">Пункт третий</div>

CSS

.menu-item {
    color: #fff;
    border: 1px solid #a1b965;
    padding: 10px 20px;
    position: relative;
    background: #a1b965 url('http://ake.stinto.ru/sites/all/themes/ake/images/bg_main.png');
    display: block;
    border-radius: 3px;
    width: 120px;
    margin: 6px 0;
}

.menu-item::after {
    content: '';
    position: absolute;
    background: #a1b965 url('http://ake.stinto.ru/sites/all/themes/ake/images/bg_main.png');
    border-radius: 3px;
    right: -15px;
    top: 5px;
    width: 30px;
    height: 30px;
    z-index: -1;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
   }