小编Per*_*ijn的帖子

我想使用下图设计类似于以下图片的£1。

我想在此设计中添加一些带有渐变颜色，渐变边框和文本阴影的文本。我尝试了以下代码，但是它不起作用。

CSS：

.pound-lbl {
       background-image: linear-gradient(275deg, #f8e71c 0%, #f8bd1c 100%);
       -webkit-background-clip: text;
       color: #FFDE17;
       text-shadow: 0 2px 4px rgba(0,0,0,0.50);
       background: -webkit-linear-gradient(275deg,#F8CC1C 0%, #FFFFFF 100%);
       -webkit-background-clip: text;
       -webkit-text-stroke: 2px transparent;
}

我正在尝试使用 CSS 创建一个标签形状。使用以下代码，我可以使用左侧的箭头正确显示标签，如何将箭头移动到 div 的右侧而不是左侧？

HTML：

<div class="tags">
    <a href="#">tag</a>
</div>

CSS：

.tags a{
    float:left;
    height:24px;
    line-height:24px;
    position:relative;
    font-size:11px;     
    margin-left:20px;
    padding:0 10px 0 12px;
    background:#0089e0;
    color:#fff;
    text-decoration:none;
} 

.tags a:before{
    content:"";
    float:left;
    position:absolute;
    top:0;
    left:-12px;
    width:0;
    height:0;
    border-color:transparent #0089e0 transparent transparent;
    border-style:solid;
    border-width:12px 12px 12px 0;      
}

演示：http : //jsfiddle.net/TXLBT/

我正试图在页面中的每个图像上获得一个仅限CSS的解决方案,用于切断右下角.

到目前为止,我已经想出了这个:

img::after {
    content: url(/images/whitecorner.png);
    height: 20px;
    width: 20px;
    display: inline-block;
    float: right;
}

但是文档中没有出现任何地方.(我正在使用Chrome检查器).

我希望有人能指出我正确的方向.提前致谢!

我没有使用d3.js. 我想知道当前是否有任何JS库可以帮助将SVG路径中的任何曲线转换为指定精度的许多小行.转换路径的一个示例是: <path d="M0 50 a50 50 0 1 0 100 0 a50 50 0 1 0 -100 0">

结果的示例是将此圆转换 为看起来几乎像圆的n-gon.为缺乏好的例子而道歉,因为我真的不知道如何将曲线转换为多条小直线.