关于html:情人节码了一个程序员专属冰墩墩内含源码免费获取

48次阅读

共计 1136 个字符,预计需要花费 3 分钟才能阅读完成。

一、成果

明天情人节,大家都筹备了什么礼物?

给大家介绍一个情人节“程序员专属表白冰墩墩。”

二、代码

<div class="main-wrap">
    <div class="face-border-box">
        <div class="face-round-border face-round-green"></div>
        <div class="face-round-border face-round-yellow"></div>
        <div class="face-round-border face-round-red"></div>
        <div class="face-round-border face-round-blue"></div>
    </div>
    <div class="main">
        <div class="body">
            <div class="face-round">
                <div class="face">
                    <div class="eyes">
                        <div class="left">
                            <div class="ball"></div>
                        </div>
                        <div class="right">
                            <div class="ball"></div>
                        </div>
                    </div>
                    <div class="nose"></div>
                    <div class="mouth">
                        <div class="shape"></div>
                    </div>
                </div>
            </div>
            <div class="ears">
                <div class="left"></div>
                <div class="right"></div>
            </div>
            <div class="arm">
                <div class="left"></div>
                <div class="right">
                    <div class="hand">♥</div>
                </div>
            </div>
            <div class="bg"></div>
            <div class="logo"></div>
            <div class="leg">
                <div class="left"></div>
                <div class="right"></div>
            </div>
            <div class="foot">
                <div class="left"></div>
                <div class="right"></div>
            </div>
        </div>
        <div class="road"></div>
    </div>
</div>

三、程序员专属冰墩墩

礼物参数

名称:程序员专属冰墩墩

语言:html+css  代码:300 行  用时:520 秒

寓意:“我不慎调用了爱你这个办法,最初才发现「爱上你是一个死循环 …」”

四、源码

👇👇👇源码中转:
https://github.com/zegoim/zeg…

你学废了吗?

最初,祝大家情人节高兴,女朋友都喜爱你们的礼物🎁!

正文完
 0