纯css实现倾斜胎印式背景动画效果代码

代码语言:html

所属分类:背景

代码描述:纯css实现倾斜胎印式背景动画效果代码

代码标签: css 倾斜 胎印式 背景 动画

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

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

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

  
  
<style>
html,
html:before{
  --s: 56px; /* control the size */
  --g: 10px; /* control the gap */
  --c: #ECD078; /* first color */
  
  --_l: #0000 calc(33% - .866*var(--g)),var(--c) calc(33.2% - .866*var(--g)) 33%,#0000 34%;
  background:
    repeating-linear-gradient(var(--c) 0 var(--g), #0000 0 50%)
     0 calc(.866*var(--s) - var(--g)/2),
    conic-gradient(from -150deg at var(--g) 50%,var(--c) 120deg,#0000 0),
    linear-gradie.........完整代码请登录后点击上方下载按钮下载查看

网友评论0