loginInput

功能描述

   带动画的input组件

依赖的插件

   不需要依赖

快速使用

    ```
        <div class="login_box_input">
             /*input*/
            <input type="text" required="required">
            /*placeholder*/
            <label>请输入用户名</label>
            /*只是下划线*/
            <span></span>
        </div>
    ```
    css

        * {
            margin: 0;
            padding: 0;
        }
        
        body {
            background-color: #fff;
            font-size: 3.73333vw;
            color: #333;
        }
        
        .login_box_input::before {
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            background: #fff;
            right: 0;
            height: 1px;
            -webkit-transform: scaleY(.5);
            transform: scaleY(.5);
            background: #c6c6c6;
            z-index: 1;
        }

特别说明

已做了自适应(vw单位),兼容所有端,如需要更多自定义功能或反馈与BUG,可联系QQ:910547462
是否仍需要帮助? 请保持联络!
最后更新于 2024/12/2