css - Trapezoidal tab with borders -
so, have made trapezoid shape tab. when want select , set color white , blue border, keeps cutting side borders. know because of clip-path: polygon(1% 0, 99% 0, 100% 100%, 0% 100%); put in css class give me shape.
my question is, there other way can cut sides or similar trapezoid effect, have selected tab in white color , visible border on sides?
you can so:
css:
#trapezoid {     border-bottom: 100px solid blue;     border-left: 100px solid transparent;     border-right: 100px solid transparent;     height: 0;     width: 200px; } html:
<div id="trapezoid"></div> you can play around here

Comments
Post a Comment