Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[html] 第740天 使用html简单画一个里面放有笔的笔筒 #3860

Open
haizhilin2013 opened this issue Apr 24, 2021 · 1 comment
Open
Labels
html html

Comments

@haizhilin2013
Copy link
Collaborator

第740天 使用html简单画一个里面放有笔的笔筒

3+1官网

我也要出题

@haizhilin2013 haizhilin2013 added the html html label Apr 24, 2021
@lxt-ing
Copy link

lxt-ing commented Apr 25, 2021

`

<title>Document</title> <style> .bitong{
        margin-top: 50px;
        width:100px;
        height:200px;
        position: fixed;
        top:50%;
        left: 50%;
        transform: translate(-50%);
        background-color: lightgreen;
    }
    .topCircle,.botCircle{
        width:100%;
        height: 50px;
        border-radius: 50%;
        background-color:#333;
        position: absolute;
        top:-25px;
        left: 0;
    }
    .botCircle{
        top:100%;
        transform: translateY(-25px);
    }
    .bitong::after{
        content:'';
        position: absolute;
        bottom:5px;
        left:50%;
        height: 120%;
        width:10px;
        background:lightblue;
        border-radius: 5px;
        transform: rotate(15deg);
        box-shadow: 1px 2px 2px;
    }
    .bitong::before{
        content:'';
        position: absolute;
        top:-21%;
        right:-15%;
        height: 10px;
        width:30px;
        background:lightblue;
        border-radius:0 5px 5px 0;
        box-shadow: 2px 1px 2px;
        z-index:999;
    }
</style>
`

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
html html
Projects
None yet
Development

No branches or pull requests

2 participants