css-doodle实现时空穿梭动画效果代码
代码语言:html
所属分类:动画
代码描述:css-doodle实现时空穿梭动画效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> html, body { height: 100%; margin: 0; background: #000; overflow: hidden; }body { display: flex; align-items:center; justify-content: center;} </style> </head> <body> <css-doodle>:doodle { @grid: 500x1/ 40vmin; perspective: 10vmin; } @place-cell: center; @size: 40% 1px; will-change: transform, opacity; transform-style: preserve-3d; background: linear-gradient(to left, @multi(@p([2-4]), @p(#00b8a9, #f.........完整代码请登录后点击上方下载按钮下载查看
网友评论0