css-doodle实现希尔伯特曲线效果代码

代码语言:html

所属分类:布局界面

代码描述:css-doodle实现希尔伯特曲线效果代码

代码标签: 伯特 曲线 效果

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开


<!DOCTYPE html>
<html lang="en" >

<head>

  <meta charset="UTF-8">
  

  
  
  
<style>
html, body {
  height: 100%;
  background: #354458; 
  display: grid;
  place-items: center;
}
</style>



</head>

<body  >
  <css-doodle>
  <style>
    @grid: 1 / 60vmin;
    background: @svg(
      viewBox: 0 0 17 17;
      fill: none;
      stroke: #FDEBDF; 
      stroke-linecap: square;
      stroke-width: .2;
      path {
        d: M 1 16
           @p.........完整代码请登录后点击上方下载按钮下载查看

网友评论0