使用CSS和边框折叠的横幅和淡化 [英] Folded banner using css and border and fade

问题描述

我想弄清楚如何使用css做一个带有红色边框的折叠横幅。

I'm trying to figure out howto do a folded banner with a red border using css.

是否可以为下面的图片做一个熟悉的？

Is it possible to do a smiliar one to the picture below?

>

推荐答案

可以使用psuedo-elements。

Can be done with psuedo-elements.

jsFiddle Demo

div::before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    right: 0;
    bottom: -12px;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #AA0000;
}

这篇关于使用CSS和边框折叠的横幅和淡化的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！