css滚动边框动画效果

代码语言:html

所属分类:表单美化

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">

    <link href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans|Roboto:700,300,400|Playfair+Display:600,600i,700,700i|Fredoka+One&display=swap" rel="stylesheet">

    <style>
:root {
        --color-first: #65587f;
        --color-second: #f18867;
        --color-third: #e85f99;
        --color-forth: #50bda1;
        --block-width: 300px;
        --block-height: 270px;
        --border-width: .625rem;
        --border-radius-outer: 8px;
        --border-radius-inner: calc(var(--border-radius-outer) /2);
        --font-plain: 'IBM Plex Sans', sans-serif;
        --font-special: 'Fredoka One', sans-serif;
        box-sizing: border-box;
        line-height: 1.4;
    }

        *, *:before, *:after {
            box-sizing: inherit;
        }

        body {
            background: #f2f2f2;
            color: #5e5e5e;
            font-family: var(--font-plain);
        .........完整代码请登录后点击上方下载按钮下载查看

网友评论0