206.动画登录表单

Posted 2021-09-08 前端小智@大迁世界

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了206.动画登录表单相关的知识，希望对你有一定的参考价值。

效果 (源码网盘地址在最后)

源码

html

<html>
  <head>
    <meta charset="utf-8" />
    <title>动画登录表单</title>
    <link rel="stylesheet" type="text/css" href="./style.css" />
  </head>

  <body>
    <div class="login-root">
      <div
        class="box-root flex-flex flex-direction--column"
        style="min-height: 100vh; flex-grow: 1"
      >
        <div class="loginbackground box-background--white padding-top--64">
          <div class="loginbackground-gridContainer">
            <div
              class="box-root flex-flex"
              style="grid-area: top / start / 8 / end"
            >

以上是关于206.动画登录表单的主要内容，如果未能解决你的问题，请参考以下文章