PROMULGATOR

    37°是体温

    陕西省西安市
    Html
    Css
    Js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<!-- 哆啦A梦 -->
<div class="doa">
    <!-- 头 -->
    <div class="head">
        <div class="face">
            <div>
                <div>
                    <div></div>
                </div>
                <div>
                    <div></div>
                </div>
            </div>
            <div>
                <div>
                    <div></div>
                </div>
            </div>
        </div>
        <div class="nose">
            <div></div>
        </div>
        <div class="nose1"></div>
    </div>
    <!-- 嘴 -->
    <div class="mouth">
        <div></div>
        <div></div>
    </div>
    <!-- 脖 -->
    <div class="neck">
        <div></div>
        <div></div>
        <div></div>
        <div></div>
    </div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
body{
        margin: 0;
        background: lightblue;
    }
    /*哆啦A梦*/
    .doa{
        position: relative;
        top: 100px;
    }
    .head{
        margin: 0 auto;
        width: 400px;
        height: 350px;
        background: #008ee3;
        position: relative;
        border-radius: 50% 50% 25% 25% / 55% 55% 45% 45%;
    }
    .head:hover .face>div:first-child div{
        left: 0px;
        transition: all 1s;
    }
    .head:hover .face>div:first-child div div{
        left: 0px;
        transition: all 1s;
    }
    .head:hover{
        
    }
    .face{
        width: 310px;
        height: 260px;
        background: snow;
        border-radius: 50% 50% 25% 25% / 55% 55% 45% 45%;
        position: relative;
        top: 90px;
        left: 45px;
    }
    /*左眼眶*/
    .face>div:first-child{
        width: 80px;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3
 立即下载

css3绘制哆啦A梦

0