漫天桃花只为你飘落（代码实现)

原创

荔枝科研社 2022-08-16 08:03:25 ©著作权

文章标签 html 前端 ide 代码实现 css 文章分类 后端开发

©著作权归作者所有：来自51CTO博客作者荔枝科研社的原创作品，请联系作者获取转载授权，否则将追究法律责任

漫天桃花只为你飘落（代码实现)_前端

1 “自然”

事实上，许多人认知的“自然”和“不自然”并念，而是基督教神学的概念。神学上所谓的“自然”
创造自然的神的旨意”。基督教神学家认为，上帝创造了人的身体，并且让每个肢体和器官都有特定的目的。如果我们使用肢体和器官的
方式符合上帝的设想，那就是个“自然”的活动;如果不符合上帝设想的方式，就成了“不自然”。然而，演化本来就没有唯一的目的。器官的演化没有唯一的目的，而器官的使用方式也不断在变化。现在人体的所有器官早在几亿年前就已经出现了原型，而现在所有器官都不只做着原型所做的事。器官之所以演化是为了某种特定功能，但等到器官存在之后，要用作其他功能也并无不可。以嘴巴为例，嘴巴之所以会出现，是因为最早的多细胞生物需要有办法将营养成分送进身体里。而虽然现在嘴巴仍然有这种功能，但我们还能用嘴来说话、亲吻，战士还能用嘴来拔手榴弹的引信。难道，只因为我们最早那些像蠕虫一样的祖先在6亿年前没有用嘴做这些事，嘴巴的这些功能就变得不自然了?
同样，翅膀也不是一开始就成了空气动力学的奇迹，而是从原本有其他用途的器官演化而来。有学者认为，一开始昆虫都不会飞，而翅膀是几百万年前从虫子身上突起的部分演化而来。虫子原本身上会有突起，是因为这样能增加表面积，接收更多阳光，也就更能保持温暖。而在缓慢的演化过程中，这些太阳能接收器越长越大。想要吸收最多阳光，就要让突起的表面积最大、重量最轻;而这种身体结构刚好对昆虫来说也方便，蹦蹦跳跳的时候还能帮上一点忙，突起越大的，就能跳得越远。有些昆虫开始用这玩意儿来滑翔一下，接着只是再跨出一小步，昆虫就真的在空中飞了起来。所以，如果下一次又有蚊子在你耳边嗡嗡不停，记得要骂骂她真是太不自然了。如果她乖乖听话，满足于当初上帝赋予的功能，现在她的翅膀还只能做个太阳能板。
这种多用途、多功能的道理，也同样适用于我们的性器官和性行为。一开始，性行为就是为了繁殖，而求偶仪式则是为了要评估对方的健康程度。但对许多动物来说，两者其实都有众多的社交功能，可不只是为了赶快创造出自己的DNA小拷贝。举例来说，黑猩猩就会用性行为来巩固政治联盟、建立亲密关系、化解紧张局势。难道这也是不自然?

2 漫天桃花飘落代码实现

2.1 准备工作

图片准备

这篇文章：超级炫酷的3D旋转美女图——Python实现，用爬虫爬了很多照片，感兴趣可以去看看。

漫天桃花只为你飘落（代码实现)_css_02

然后先展现效果

漫天桃花飘落

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>