没有旋转的 CSS 角功能区

【问题标题】：CSS corner ribbon without rotate没有旋转的 CSS 角功能区
【发布时间】：2017-10-20 23:12:49
【问题描述】：

制作角带的教程有很多，其中所有教程使用变换/旋转45度。它使 div （字体）内的内容也旋转。我不想要它。我想做如下图，字体/符号仍然站立。

我尝试制作三角形背景，但无法制作出我想要的效果。

【问题讨论】：

你能发布你的代码吗？你在用:before 做角吗？

标签： css

【解决方案1】：

@Dedi Ananto : 请注意以下代码：

<div class="arrow-right"></div>

.arrow-right {
    width: 0px;
    height: 0px;
    border-top: 0px solid transparent;
    border-bottom: 70px solid transparent;
    border-left: 60px solid red;
}

希望这有帮助..

问候，卡兰

【讨论】：