程序员的情人节应该这么优雅度过(附源码)(3)

这是一个很小的jQuery+HTML5静态页面,是一位程序员用来庆祝跟mm相恋一周年纪念日。同时也为了以程序员的视角来表达浪漫,改变大家对于程序员先入为主的形象,程序员改变世界~

效果图:

程序员的情人节应该这么优雅度过(附源码)

演示地址:

5、情人节送花动画HTML5特效

HTML5情人节送花表白放烟花动画特效,小伙子走进花店买花,然后把玫瑰花送到姑娘手上,姑娘接过花然后两个人一起看烟花,非常浪漫的一个HTML5动画,不止适合情人节表白使用,平时表白也可以用的。

部分代码:

<div>
    <ul>
        <!-- 第一副画面 -->
        <li>
            <!-- 背景图 -->
            <div>
                <div></div>
                <div></div>
                <div></div>
            </div>
            <!-- 云 -->
            <div>
                <div></div>
                <div></div>
            </div>
            <!-- 太阳 -->
            <div></div>
        </li>
        <!-- 第二副画面 -->
        <li>
            <!-- 背景图 -->
            <div></div>
            <div></div>
            <!-- 商店 -->
            <div>
                <div>
                    <div></div>
                    <div></div>
                </div>
                <!-- 灯 -->
                <div></div>
            </div>
            <!-- 鸟 -->
            <div></div>
        </li>
        <!-- 第三副画面 -->
        <li>
            <!-- 背景图 -->
            <div>
                <div></div>
                <div></div>
                <div></div>
            </div>
            <!-- 小女孩 -->
            <div></div>
            <div>
                <div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                </div>
            </div>
            <!-- 星星 -->
            <ul>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
            <!-- logo图 -->
            <div>祝天下有情人终成眷属</div>
        </li>
    </ul>
    <!-- 雪花 -->
    <div></div>
    <!-- 小男孩 -->
    <div></div>
</div>

效果图:

程序员的情人节应该这么优雅度过(附源码)

演示地址: 

6、jQuery情人节表白特效

jQuery浪漫下雪背景情人节表白动画,几张充满爱意的心形图片旋转着,表白文字慢慢出现,再加上雪花飘落的背景,整个浪漫氛围就出来了。

部分代码:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/92790017e2ea3b7043b6e91351a68c00.html