为啥斜切后有两条线呢？

下面是斜切部分的代码：

.test3{background: #000;}

.test3 figcaption{top: 30%;left: 15%}

.test3:hover img{opacity: 0.5;transition: opacity 0.8s;}

.test3 figcaption h2{transform: skew(90deg);}

.test3 figcaption p{transform: skew(90deg);transition-delay: 0.1s}

.test3:hover figcaption h2{transform: skew(0deg);transition: transform 0.5s;}

.test3:hover figcaption p{transform: skew(0deg);}