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