css手写svg

第一次写svg，虽然网上很多例子，但是挺有成就感。加油，??????....

图片：

 

话不多说，代码贴上：

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" style="
    height: 200px;
    width: 200px;
    background: transparent;
    /* z-index: 10000; */
    position: absolute;
    top: 0;
    left: 10px;
    transform: scale(0.2);
    transform-origin: 0 0;
">
  <polygon points="100,0 ,200,0 0,200, 0,100" style="fill: #f47175;stroke:purple;stroke-width: 0;"></polygon>
    <text fill="#ffffff" style="
    transform: rotate(-45deg);
    font-size: 40px;
" y="120" x="-40">升级</text>
    
  
</svg>

 

转载于:https://www.cnblogs.com/cat-eol/p/11166262.html