使用css与js生成的唯美炫酷的图形树效果

效果图如下所示：

在线演示：Here～

给大家分享一个使用css与js生成的唯美炫酷的图形树效果，相关代码如下：

  
  
  
    @import url(http://fonts.googleapis.com/css?family=Poiret+One);
html {
  overflow: hidden;
  touch-action: none;
  content-zooming: none;
}
body {
  position: absolute;
  margin: 0;
  padding: 0;
  background: #000;
  width: 100%;
  height: 100%;
}
#canvas {
  width: 100%;
  height: 100%;
  background: #000;
  position: absolute;
}
#text {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  pointer-events: none;
}
#text div {
  position: absolute;
  color: #888;
  left: 0;
  width: 100%;
  text-align: center;
  top: -12vmin;
  font-family: 'Poiret One', cursive;
  font-size: 6vmin;
}   
  


  

  


  

总结

以上所述是小编给大家介绍的使用css与js生成的唯美炫酷的图形树效果，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对考高分网网站的支持！