相关疑难解决方法(0)

我正在寻找"切割"div的左上角,就像你已经折叠了一页的一角.

我想用纯CSS做,有什么方法吗？

我只是想知道是否有办法制作类似形状边框的标签？更清楚地说，我将以星号绘制形状。我的意思是这种边框形状。

*********************
***********************
*************************
***************************
***************************
***************************
***************************
***************************

为此，如何在CSS中切除矩形的右上角？还是最理想的方法是什么？

我怎么能将div设置为喜欢下面的图像呢？

我想创建下图所示的边框：

我已经写了这段代码

<p>Some Text</p>

p{
  -webkit-transform: perspective(158px) rotateX(338deg);
  -webkit-transform-origin: right;
  border: 2px dashed red;
}

但是此代码不会返回我期望的输出，并且与图像有所不同。我想像图像一样倾斜左边框的顶部。边界角。如何创建带有附加图像样式的边框？谢谢

我有一个容器元素，我想弄清楚是否可以将它塑造成两个 45 度角。像这样：

它现在只是一个矩形：

<div id="home-img-text">
        <div id="home-img-text-container">
            <div id="home-img-text-description">WRECKING <br>& DEMOLITION <br> DONE RIGHT.</div>
        </div>
    </div>
#home-img-text-container {
    background: rgba(0,0,0,.8);
    padding: 30px 20px;
}
#home-img-text-description {
    color: #FFF;
    font-size: 2.5em;
    line-height: 1.4em;
}

我该怎么做呢？

更新：

.home-img-text {
    position: absolute;
    left: 10%;
    top: 25%;
}
#home-img-text-container1, #home-img-text-container2 {
    position: relative;
    margin-bottom: 20px;
    background: rgba(0,0,0,.8);
    opacity: 0;
    transition:1s; -webkit-transition:1s;
    overflow: hidden;
}
#home-img-text-container1.fadeDisplay {
    opacity: 1;
    transform: translateX(30px); -webkit-transform: translateX(30px);
}
#home-img-text-container2.fadeDisplay {
    opacity: 1;
    transform: translateX(30px); -webkit-transform: translateX(30px);
}

#home-img-text-description …