未分類
21 7 月 2020

跟风折腾 GitHub Profile README： SVG 手写动画横幅

跟风折腾 GitHub Profile README： SVG 手写动画横幅

資深大佬 : blueset 6

GitHub Profile README，一个前些日子刚刚放给所有用户的新功能。看到好多人都搞出来了各种千奇百怪的首页，自己也就跟风做了一个。

字是自己手写出来然后放进 Figma 里面用钢笔描的。动画效果是简单的 SVG SMIL 动画，通过 stroke-dashoffset 和 stroke-dasharray 实现。

查看 GitHub 实际效果

跟风折腾 GitHub Profile README： SVG 手写动画横幅

SVG 图片

跟风折腾 GitHub Profile README： SVG 手写动画横幅

大佬有話說 (12)

  • 資深大佬 : scriptB0y

    帅

  • 資深大佬 : lzuntalented

    很洋气

  • 資深大佬 : basefas

    首先，我要能写出真好看的字

  • 資深大佬 : ivyliner

  • 資深大佬 : Whalko

    太强了

  • 資深大佬 : raaaaaar

    强，我就放了个 hello word，看着也想折腾个

  • 資深大佬 : huage2580

    挺好看

  • 資深大佬 : whatv3

    帅啊~~

  • 資深大佬 : maemolee

    整得挺好 w

  • 資深大佬 : IGJacklove

    有啥插件能制作这种图吗？

  • 資深大佬 : hst001

    看到这个签名自动联想到了硅谷里面盖文在那个硬件产品上的签名。

  • 資深大佬 : Vogan

    @hst001 #11 8=>