акценты2

by pharma_nsk

HTML

<body>
<div class="box">
<div class="text">
акценты 
</div>
</div>
</body>

CSS

body {background-color:white; font-family:sans-serif;}
.box {background-color:#405678; border:15px solid #E3E3E3; width:80%; margin:20px auto; padding:15px;  position:relative;color:white; text-transform:uppercase; font-size:30px;font-weight:bold; padding:5px 15px; box-shadow: 0px 0px 1px 2px #ffffff inset;}
.box:after {content:''; display:block; width:100px; height:75px; position:absolute; background-image: linear-gradient(to right, #E3E3E3 11%, 
    #BFC3C9 11%, #BFC3C9 50%, 
    #E3E3E3 50%, #E3E3E3 65%,
    #BFC3C9 65%, #BFC3C9 89%,
    #E3E3E3 89%); top: -15px; right:40px; transform: skewX(-15deg);}