单个div+css实现化学元素结果图代码

代码语言:html

所属分类:布局界面

代码描述:单个div+css实现化学元素结果图代码

代码标签: 单个 div css 化学 元素 结果图 代码

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

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

<head>
  <meta charset="UTF-8">

  
  
  
<style>
/* use SVG. this was just a test. */
.component {
  --c: #000;
  font-size: 1vmin;
  width: 80em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  aspect-ratio: 1.2;
  background:
    /* part 1 */
    linear-gradient(var(--c) 0 0) 29% 52% / 0.5em 17%,
    linear-gradient(var(--c) 0 0) 60% 49% / 0.5em 17%,
    linear-gradient(var(--c) 0 0) 63% 49% / 0.5em 22%,
    linear-gradient(27deg, #0000 40.5%, var(--c) 0 44%, #0000 0) 33.5% 64.75% / 14% 15%,
    linear-gradient(27deg, #0000 40.5%, var(--c) 0 44%, #0000 0) 55.25% 28% / 17.5% 15%,
    linear-gradient(-27deg, #0.........完整代码请登录后点击上方下载按钮下载查看

网友评论0