css-doodle实现屏保动画效果代码

代码语言:html

所属分类:动画

代码描述:css-doodle实现屏保动画效果代码

代码标签: css-doodle 屏保 动画

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

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

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

  
  
  
<style>
body {
  margin: 0;
}
</style>


  
</head>

<body translate="no">
  <css-doodle><style>
  @grid: 1 / 100vw 100vh / #000;
  @seed: 1704604645213;
  background-size: cover;
  background-position: center;
  background-image: @m10.@doodle800(
    @grid: 200x1;
    :container { animation: a 120s -@r(100s) linear infinite } 
    @size: @iI(*8%);
    border-radius: 50%;
    background: @p(#63b7af,#abf0e9,#d4f3ef,#ee8572);
    background: @p.m5(color-mix(in oklab, red @nN(*100%), blue));
    @place: @pl.........完整代码请登录后点击上方下载按钮下载查看

网友评论0