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