台形
台形の図形。
台形
Source Code
右上の「コピー」からご利用ください。
コピー
<div class="my-parts">台形</div>コピー
.my-parts {
display: inline-block;
font-size: 16px;
padding: .8em 1.6em .4em;
position: relative;
color: #fff;
text-align: center;
z-index: 1;
}
.my-parts::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
background: #01579B;
transform: scaleY(1.3) perspective(.6em) rotateX(5deg);
transform-origin: bottom;
}
