css实现3d浮雕式中性登录表单效果代码-html代码-BFW代码库

css实现3d浮雕式中性登录表单效果代码

代码语言：html

代码描述：css实现3d浮雕式中性登录表单效果代码

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

<html lang="en">

<head>


    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        *{
        font-family: 'Inter',Arial, Helvetica, sans-serif;
        box-sizing: border-box;
        margin: 0px;
        padding: 0px;
    }
    *::selection{
        background-color: #c7c9ca;
    }
    body{
        background-color: #ecf0f3;
        margin: 0px;
        padding: 0px;
    }
    .lead { font-size: 1.5rem; font-weight: 300; }
    .container { margin: 150px auto; max-width: 960px; }
    .box{
        margin: auto;
        box-sizing: border-box;
        margin-top: 30px;
        height:500px;
        padding: 80px 40px;
        width:340px;
        border-radius: 35px;
        background-color: #ecf0f3;
        box-shadow: -8px -8px 8px #feffff, 8px 8px 8px #161b1d2f;
        /* box-shadow: -5px -5px 5px #feffff, 5px 5px 5px #161b1d2f; */
        /* box-shadow: inset 5px 5px 5px #cbced1,
            inset -5px -5px 5px #ffffff; */
    }
    /* .box:hover{
        box-shadow: inset 5px 5px 5px #cbced1,
            inset -5px -5px 5px #ffffff;
    } */
    .box lab.........完整代码请登录后点击上方下载按钮下载查看