likes
comments
collection
share

情人节,码了一个程序员专属冰墩墩(内含源码免费获取)

作者站长头像
站长
· 阅读数 27

一、效果

情人节,码了一个程序员专属冰墩墩(内含源码免费获取)

今天情人节,大家都准备了什么礼物?

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

情人节,码了一个程序员专属冰墩墩(内含源码免费获取)

情人节,码了一个程序员专属冰墩墩(内含源码免费获取)

二、代码

<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...

你学废了吗?

情人节,码了一个程序员专属冰墩墩(内含源码免费获取)

最后,祝大家情人节快乐,女朋友都喜欢你们的礼物🎁!

转载自:https://segmentfault.com/a/1190000041403118
评论
请登录