css+div布局实现优惠券特价支付弹出层效果代码-html代码-BFW代码库

css+div布局实现优惠券特价支付弹出层效果代码

代码语言：html

所属分类：弹出层

代码描述：css+div布局实现优惠券特价支付弹出层效果代码

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

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum=1.0,minimum=1.0,user-scalable=0" />
    <title>BFW NEW PAGE</title>

    <style>
    body{
        width: 100vw;
        height: 100vh;
    }
        .pay-modal {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            width: 241px;
            height: 100%;
            animation-duration: .5s;
            border: 1px solid rgba(6,10,38,.04);
            border-radius: 8px
        }
        
        .pay-modal .p-title {
            padding-top: 32px;
            padding-bottom: 22px
        }
        
        .pay-modal .p-title img {
            width: auto;
            height: 32px
        }
        
        .pay-modal .card {
            position: relative;
            width: 351px;
            height: 180px;
            background-image: url(//repo.bfw.wiki/bfwrepo/icon/66beba589ec4b.png);
            background-size: 100% 100%;
            margin-bottom: 20px
        }
        
        .pay-modal .card .tag {
            position: absolute;
            lef.........完整代码请登录后点击上方下载按钮下载查看