相关疑难解决方法(0)

使用CSS剪切角落

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

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

css css3 css-shapes

Rix*_*ius

2014 07-30

55
推荐指数

9
解决办法

15万
查看次数

如何制作透明背景的css折角效果？

有人可以帮助我吗？我需要使折角透明而不是纯色。您可以看下面的图片供您参考。

我尝试过这些代码：

.back-ground
{
    background-image: url('http://pencil.my/assets/img/dashboard/bg.png');
    background-repeat: repeat;
    overflow-x: hidden;
}
.note {
    position: relative;
    width: 30px;
    padding: 1em 1.5em;
    margin: 2em auto;
    color: #fff;
    background: #97C02F;
    overflow: hidden;
    border-radius: 4px;
}

.note:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-width: 0 16px 16px 0;
    border-style: solid;
    border-color: #fff #fff #658E15 #658E15;
    background: #658E15;
    display: block;
    width: 0;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
    box-shadow: 0 …

Run Code Online (Sandbox Code Playgroud)

html css

Ner*_*ere

lucky-day

5
推荐指数

1
解决办法

9188
查看次数