仿照着别人右上角的go to github,我做了个go to gitee!

196 阅读1分钟

开源地址

Go to Gitee - 右上角Gitee SVG

效果

代码

<html>
 <head> 
  <style>
        .gitee-corner:hover .gitee{
            animation: rotate .6s;
        }
        @keyframes rotate{
            0% { transform: rotate(0deg); }
            100% { transform: rotate(-360deg); }
        }
    </style> 
 </head>
 <body>
  <a href="https://gitee.com/ElevenHuntOne" rel="noopener external nofollow noreferrer" target="_blank" class="exturl gitee-corner">
   <svg width="80" height="80" viewbox="0 0 250 250" aria-hidden="true"> 
    <path d="M250,250 L250,0 L0,0 L250,250 Z" fill="#c71d23"></path> 
    <path d="m172.2573,74.49824l2.13616,2.10586l24.56611,0l1.06808,2.106l0,2.10586l0,2.10586l-1.06808,3.15878l-2.13616,1.05293l-1.06808,1.05293l-1.06808,1.05293l-1.06808,1.05293l-33.11074,0l-2.1363,-2.10586l0,-33.69397l1.06822,-2.10586l1.06808,-1.05293l1.06808,-1.05293l1.06808,-1.05293l1.06808,-1.05293l49.13208,0l2.13616,-2.10586l0,-9.47649l-1.06808,-2.10586l-50.20016,0l-1.06808,0l0,1.05293l-4.27246,0l0,1.05293l-1.06808,0l0,1.05293l-2.13616,0l0,1.05293l-1.06808,0l0,1.05293l-1.06808,0l-1.06808,1.05293l-3.20424,3.15892l-1.06808,1.05279l0,2.106l-1.06808,0l0,1.05293l-1.06808,0l0,3.15878l-1.06808,3.15878l0,48.4351l1.06808,1.05293l1.06808,0l49.13208,0l2.13616,0l0,-1.05293l3.20424,0l3.20424,-1.05293l2.13616,-1.05293l3.20424,-3.15878l3.20438,-3.15878l1.06808,-3.15892l1.06808,-3.15878l0,-23.16455l0,-1.05293l-2.13616,-2.10586l-38.45128,0l-2.13616,2.10586l0,10.52928z" fill="white" style="transform-origin:181px 69px" class="gitee"></path> 
   </svg></a>
 </body>
</html>