JSFiddle - React, Tailwind, and code Playground

by dima_makh

HTML

<header>
    <nav class="t-menu">
        <ul>
            <li><a href="#">Текст который не должен изменяться</a></li>
        </ul>
    </nav>
</header>

CSS

li{
	display: inline-block;
	margin-right: 1px;
	height: 25px;
	padding-top: 5px;
	border:1px #000 solid;
	border-radius: 5px;
-webkit-transform: skewX(-30deg);
  -moz-transform: skewX(-30deg);
  -o-transform: skewX(-30deg);
  -ms-transform: skewX(-60deg);
	transform: skewX(-180deg);
}
a{
	text-decoration: none;
	color: #000;
    padding: 5px 10px;
    display:inline-block;
    -webkit-transform: skewX(30deg); 
    -moz-transform: skewX(30deg);
    -o-transform: skewX(30deg);
    -ms-transform: skewX(30deg);
    transform: skewX(30deg);
}