вопрос
Здравствуйте, подскажите пожалуйста как можно такое вывести с помощью css и html?
ПафНутиЙ, Посидел с часик, и даже поседел. Но справился вот простой настоящий ответ. https://jsfiddle.net/webma/6Lg7njgb/
html:
css3:
html:
<div class="trap">
<div class="site">Сайт dle-faq.ru
</div>
</div>
css3:
.trap {
font-size: 20px;
width: 250px;
height: 70px;
position: relative;
}
.site {
color: #FFF;
padding-top: 10px;
padding-left: 10px;
position: absolute;
}
.trap:before {
content: "";
border-bottom: 45px solid transparent;
border-right: 220px solid #717171;
border-top: 45px solid #717171;
position: absolute;
left: 0;
top: 0;
}
.trap:after {
content: "";
border-top: 90px solid #717171;
border-right: 30px solid transparent;
position: absolute;
right: 0;
top: 0;
}
