HTML5制作3D爱心动画教程 献给女友浪漫的礼物_html5教程技巧

　　谁说程序员不懂得浪漫，看看程序员是怎么浪漫的，今天小编在国外的网站上看到一个利用HTML5和CSS3制作的3D爱心动画，在情人节时送给心爱的人，还是非常不错的。当然了。背景我们可以用一些浪漫元素。如加上女朋友漂亮的照片。这样可以制作一个廉价又很有意义的情人节礼物。大家可以点解DEMO来看看。先上效果图：

　　实现代码如下：

　　html代码：

1. <div class=’heart3d’>
2. <div class=’rib1′>div>
3. <div class=’rib2′>div>
4. <div class=’rib3′>div>
5. <div class=’rib4′>div>
6. <div class=’rib5′>div>
7. <div class=’rib6′>div>
8. <div class=’rib7′>div>
9. <div class=’rib8′>div>
10. <div class=’rib9′>div>
11. <div class=’rib10′>div>
12. <div class=’rib11′>div>
13. <div class=’rib12′>div>
14. <div class=’rib13′>div>
15. <div class=’rib14′>div>
16. <div class=’rib15′>div>
17. <div class=’rib16′>div>
18. <div class=’rib17′>div>
19. <div class=’rib18′>div>
20. <div class=’rib19′>div>
21. <div class=’rib20′>div>
22. <div class=’rib21′>div>
23. <div class=’rib22′>div>
24. <div class=’rib23′>div>
25. <div class=’rib24′>div>
26. <