漫天桃花只为你飘落(代码实现)
原创
©著作权归作者所有:来自51CTO博客作者荔枝科研社的原创作品,请联系作者获取转载授权,否则将追究法律责任
目录
1 “自然”
2 漫天桃花飘落代码实现
2.1 准备工作
2.2 代码
![漫天桃花只为你飘落(代码实现)_前端](https://s2.51cto.com/images/blog/202208/02185734_62e9031eb44fa69178.gif)
1 “自然”
事实上,许多人认知的“自然”和“不自然”并念,而是基督教神学的概念。神学上所谓的“自然”
创造自然的神的旨意”。基督教神学家认为,上帝创造了人的身体,并且让每个肢体和器官都有特定的目的。如果我们使用肢体和器官的
方式符合上帝的设想,那就是个“自然”的活动;如果不符合上帝设想的方式,就成了“不自然”。然而,演化本来就没有唯一的目的。器官的演化没有唯一的目的,而器官的使用方式也不断在变化。现在人体的所有器官早在几亿年前就已经出现了原型,而现在所有器官都不只做着原型所做的事。器官之所以演化是为了某种特定功能,但等到器官存在之后,要用作其他功能也并无不可。以嘴巴为例,嘴巴之所以会出现,是因为最早的多细胞生物需要有办法将营养成分送进身体里。而虽然现在嘴巴仍然有这种功能,但我们还能用嘴来说话、亲吻,战士还能用嘴来拔手榴弹的引信。难道,只因为我们最早那些像蠕虫一样的祖先在6亿年前没有用嘴做这些事,嘴巴的这些功能就变得不自然了?
同样,翅膀也不是一开始就成了空气动力学的奇迹,而是从原本有其他用途的器官演化而来。有学者认为,一开始昆虫都不会飞,而翅膀是几百万年前从虫子身上突起的部分演化而来。虫子原本身上会有突起,是因为这样能增加表面积,接收更多阳光,也就更能保持温暖。而在缓慢的演化过程中,这些太阳能接收器越长越大。想要吸收最多阳光,就要让突起的表面积最大、重量最轻;而这种身体结构刚好对昆虫来说也方便,蹦蹦跳跳的时候还能帮上一点忙,突起越大的,就能跳得越远。有些昆虫开始用这玩意儿来滑翔一下,接着只是再跨出一小步,昆虫就真的在空中飞了起来。所以,如果下一次又有蚊子在你耳边嗡嗡不停,记得要骂骂她真是太不自然了。如果她乖乖听话,满足于当初上帝赋予的功能,现在她的翅膀还只能做个太阳能板。
这种多用途、多功能的道理,也同样适用于我们的性器官和性行为。一开始,性行为就是为了繁殖,而求偶仪式则是为了要评估对方的健康程度。但对许多动物来说,两者其实都有众多的社交功能,可不只是为了赶快创造出自己的DNA小拷贝。举例来说,黑猩猩就会用性行为来巩固政治联盟、建立亲密关系、化解紧张局势。难道这也是不自然?
2 漫天桃花飘落代码实现
2.1 准备工作
图片准备
这篇文章:超级炫酷的3D旋转美女图——Python实现,用爬虫爬了很多照片,感兴趣可以去看看。
![漫天桃花只为你飘落(代码实现)_css_02](https://s2.51cto.com/images/blog/202208/02185735_62e9031f8cadb29990.gif)
然后先展现效果
漫天桃花飘落
2.2 代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>521SWEET^_^</title>
<link rel="stylesheet" href="css/romantic.css">
<script src="js/romantic.js"></script>
</head>
<body>
<div id="photowall">
<div id="container">
<!-- the header part -->
<header>
<p id="banner">521Good Time</p>
<div id="icon-list">
<img src="images/28.jpg" alt=""/>
<img src="images/29.jpg" alt=""/>
</div>
</header>
<!-- the nav part -->
<nav>
<p>
<a href="https://map.baidu.com">the way to your heart </a>|
<a href="http://www.taihe.com">inner voice </a>
</p>
</nav>
<div id="main">
<!-- the content part which contains 5 big photos -->
<content>
<section>
<img src="images/22.jpg" alt="">
<div class="subtext">
</div>
</section>
<section>
<img src="images/23.jpg" alt="">
<div class="subtext">
</div>
</section>
<section>
<img src="images/24.jpg" alt="">
<div class="subtext">
</div>
</section>
<section>
<img src="images/25.jpg" alt="">
<div class="subtext">
</div>
</section>
<section>
<img src="images/26.jpg" alt="">
<div class="subtext">
</div>
</section>
</content>
<!-- the aside part which contains 7*3 small photos -->
<aside>
<div class="imglist">
</div>
</aside>
<aside>
<div class="imglist">
</div>
</aside>
<aside>
<div class="imglist">
</div>
</aside>
</div>
<!-- the footer part which contains a poem -->
<footer>
<p>You smile sweetly, like cherry trees blooming in the spring breeze. </p>
</footer>
</div>
<div id="l-fix">
<div class="face front"><img src="images/27.jpg" alt=""></div>
<div class="face back"><h3>Happy ^_^</h3></div>
</div>
<div>
<!-- Cherry blossom background -->
<div id="snowBackground">
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
</div>
</body>
</html>