这是一个很小的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浪漫下雪背景情人节表白动画,几张充满爱意的心形图片旋转着,表白文字慢慢出现,再加上雪花飘落的背景,整个浪漫氛围就出来了。
部分代码: