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>