相关疑难解决方法(0)

我想在CSS中制作下面的形状.任何想法如何做到这一点？或者知道可以提供帮助的教程网站？我说的是像黄色的形状的标签.

其次,是否有人知道如何使用css制作一个形状为正方形/矩形的形状,底部有两个圆形边缘,但顶部有直角？

谢谢!

詹姆士

我需要在一侧创建带三角形的按钮(如http://css-tricks.com/triangle-breadcrumbs/),带有线性垂直渐变和边框,我想使用纯CSS3.如果我需要45度的"三角形",那就没关系,我只是写这样的smth

.button:after {
    -webkit-transform: rotate(45deg);
    background: -webkit-linear-gradient(-45deg, #fff, #000);
    content: '';
    width: 2em;
    height: 2em;
    display: block;
}

并在.button下隐藏一半伪元素(因此只有另一半可见,如三角形).

但是,如果我需要另一个角度(例如更陡峭) - 我无法使用标准XY旋转和缩放.我可以使用例如2个div,一个用于三角形的上半部分,一个用于底部,但是边框和渐变可能存在问题.

也许有可能通过多个颜色停止渐变来做到这一点？