赛博朋克2077

前几天看到@徐小夕的文章,生成抖音风格的gif图,觉得蛮好玩的。于是自己写了一个生成赛博朋克风格2077风格的gif图生成器。

原理和徐小夕一样,使用dom-to-image每间隔16ms生成一张图片,然后使用gif.js将图片合成gif图。

生成gif图源码如下





  
  
  Cyberpunk
  
  
  
  


  

Cyberpunk

最后的效果

赛博朋克2077_第1张图片

字体使用了赛博朋克的字体,字体抖动样式使用text-shadow实现。

全部源码地址:https://github.com/peoplesing...

你可能感兴趣的:(前端,javascript,vue.js,html5,css)