css实现可调节彩色条纹效果代码
代码语言：html
所属分类：布局界面
代码描述：css实现可调节彩色条纹效果代码
下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<style>
html {
block-size: 100%;
inline-size: 100%;
}
body {
--angle: 90deg;
background:
linear-gradient(var(--angle),
hsl(9, 81%, 69%) calc(2% + var(--col1, 0%)),
hsl(10, 77%, 54%) 2% 4%,
hsl(358, 73%, 61%) 4% 6%,
hsl(359, 67%, 46%) 6% 8%,
hsl(356, 79%, 73%) 8% 10%,
hsl(351, 45%, 52%) 10% 12%,
hsl(11, 83%, 55%) 12% 14%,
transparent 14%),
linear-gradient(var(--angle),
hsl(39, 81%, 69%) calc(16% + var(--col2, 0%)),
hsl(40, 77%, 54%) 16% 18%,
hsl(28, 73%, 61%) 18% 20%,
hsl(29, 67%, 46%) 20% 22%,
hsl(26, 79%, 73%) 22% 24%,
hsl(21, 45%, 52%) 24% 26%,
hsl(41, 83%, 55%) 26% 28%,
transparent 28%),
.........完整代码请登录后点击上方下载按钮下载查看
热门代码搜索
其他语言代码库
Html代码库
Python代码库
Java代码库
Php代码库
Phpcli代码库
Golang代码库
C#代码库
Nodejs代码库
C代码库
C++代码库
Sql代码库
R代码库
Rust代码库
Ruby代码库
Dart代码库
Vb代码库
D代码库
F#代码库
Typescript代码库
Coffeescript代码库
Julia代码库
Kotlin代码库
Perl代码库
Groovy代码库
Lua代码库
Vala代码库
Ocaml代码库
Assembly代码库
Objectc代码库
Scala代码库
Erlang代码库
Pascal代码库
Swift代码库
Fortran代码库
Bash代码库
Clojure代码库
Ada代码库
Elixir代码库
Cobol代码库
Haskell代码库
Nim代码库
Racket代码库
Lisp代码库
网友评论0