css-doodle实现彩色三角平铺背景效果代码
代码语言:html
所属分类:背景
代码描述:css-doodle实现彩色三角平铺背景效果代码
代码标签: css-doodle 彩色 三角 平铺 背景
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <style> body { background-image: linear-gradient( 45deg, #ffb26f, #ffc75f, #f9f871, #ffe9a8, #fff ); background-size: 400%; animation: bg-animation 5s infinite alternate; } @keyframes bg-animation { 0% {background-position: left;} 100% {background-position: right;} } </style> </head> <body > <css-doodle click-to-update> <style> :doodle { @grid: 18 / 100vmax; background: rgba(255, 255, 255, 0.66); } background: .........完整代码请登录后点击上方下载按钮下载查看
网友评论0