背景渐变动画登录页

最新推荐文章于 2024-07-14 13:35:37 发布

南北极之间

最新推荐文章于 2024-07-14 13:35:37 发布

阅读量263

点赞数

分类专栏： web前端特效源码文章标签：前端加载动画特效前端实战实例前端新手入门前端动画 css3

本文链接：https://blog.csdn.net/qq_22182989/article/details/139592754

版权

web前端特效源码专栏收录该内容

95 篇文章 87 订阅 ¥49.90 ¥99.00

订阅专栏

超级会员免费看

b站视频演示效果：

效果图：

完整代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>背景渐变动画登录页</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: "Quicksand", sans-serif;
        }

        body {
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
            background-size: 400% 400%;