<html>
<head>
<meta charset="UTF-8">
<title>HTML5爱心跳动动画DEMO演示</title>
<style>
@import url(http://fonts.googleapis.com/css?family=Inconsolata:400,700)
@import url(http://fonts.googleapis.com/css?family=Hammersmith+One)
body {
background-color: #ccc
}
.container {
width: 512px
height: 380px
margin: auto
margin-top: 0
}
.heart {
z-index: 1
width: 150px
height: 150px
position: absolute
top: 50%
margin-top: -75px
left: 50%
margin-left: -75px
background-size: 100%
background-repeat: no-repeat
background-image:url("data:image/svg+xmlbase64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjE3M3B4IiBoZWlnaHQ9IjE1OHB4IiB2aWV3Qm94PSIwIDAgMTczIDE1OCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTczIDE1OCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjRUY0NjU3IiBkPSJNMTU3LjMzMSwxNS41MDRjLTE5LjU1OS0xOS41NTktNTEuMjcxLTE5LjU1OS03MC44MzEsMGMtMTkuNTU5LTE5LjU1OS01MS4yNzEtMTkuNTU5LTcwLjgzMSwwDQoJYy0xOS41NTksMTkuNTU5LTE5LjU1OSw1MS4yNzEsMCw3MC44MzFsNzAuODMxLDcwLjgzbDcwLjgzMS03MC44M0MxNzYuODksNjYuNzc1LDE3Ni44OSwzNS4wNjQsMTU3LjMzMSwxNS41MDR6Ii8+DQo8L3N2Zz4=")
}
.hometown {
font-family:'Inconsolata', sans-serif
font-weight: bold
font-size: 2.0em
text-transform: uppercase
position: relative
z-index: 1
width: 512px
height: 512px
color: #FFF
}
#top {
width: 200px
margin: auto
position: relative
}
#top span {
height: 350px
position: absolute
width: 20px
left: 50%
margin-left: -10px
top: 110px
}
.char1 {
transform: rotate(-36deg)
}
.char2 {
transform: rotate(-24deg)
}
.char3 {
transform: rotate(-12deg)
}
.char4 {
transform: rotate(0deg)
}
.char5 {
transform: rotate(12deg)
}
.char6 {
transform: rotate(24deg)
}
.char7 {
transform: rotate(36deg)
}
#bottom span {
height: 350px
line-height: 700px
position: absolute
width: 20px
left: 50%
margin-left: -10px
top: 10px
}
#bottom .char1 {
transform: rotate(36deg)
}
#bottom .char2 {
transform: rotate(27deg)
}
#bottom .char3 {
transform: rotate(18deg)
}
#bottom .char4 {
transform: rotate(9deg)
}
#bottom .char5 {
transform: rotate(0deg)
}
#bottom .char6 {
transform: rotate(-9deg)
}
#bottom .char7 {
transform: rotate(-18deg)
}
#bottom .char8 {
transform: rotate(-27deg)
}
#bottom .char9 {
transform: rotate(-36deg)
}
.city {
font-family:"Hammersmith One"
display: inline-block
width: 100%
height: 300px
padding-top: 45px
text-align: center
font-size: 3.0em
z-index: 100
position: absolute
top: 50%
margin-top: -110px
}
.heart {
animation: HEARTBEAT 2.5s infinite
}
#top span {
animation: BOUNCE 2.5s infinite
}
@keyframes HEARTBEAT {
0% {
transform: scale(1)
}
5% {
transform: scale(1.3)
}
10% {
transform: scale(1.1)
}
15% {
transform: scale(1.5)
}
50% {
transform: scale(1)
}
100% {
transform: scale(1)
}
}
@keyframes BOUNCE {
0% {
top: 110px
}
10% {
top: 80px
}
15% {
top: 85px
}
20% {
top: 70px
}
75% {
top: 110px
}
100% {
top: 110px
}
}
</style>
<script src="js/prefixfree.min.js"></script>
</head>
<body>
<div class="container bg">
<div class="hometown">
<div class="heart">
</div>
<div id="top">Made in</div>
<div class="city">Boise</div>
<div id="bottom">With love</div>
</div>
</div>
<div style="text-align:centerclear:both">
<script src="/gg_bd_ad_720x90.js" type="text/javascript"></script>
<script src="/follow.js" type="text/javascript"></script>
</div>
<script src='js/jquery.js'></script>
<script src='js/jquery.lettering.js'></script>
<script src="js/index.js"></script>
</body>
</html>
js部分
南京本土疫情的爆发后国内确诊患者的突增，多个省市在追踪密切接触者中不断出现核酸阳性患者。顿时也让众多人的神经再次绷紧，虽然说在医学科技如此发达的今天，很多疾病都变成了纸老虎。但是新冠病毒，仍然存在着许多的未解之谜。
尤其是感染新冠后的患者们，出现典型临床症状者后容易受损的器官有：
一、肺部
新冠病毒通过呼吸道进入人体后，就会在机体细胞内不停地进行自我复制。引发人体免疫系统异常亢进后，肺部出现严重炎症和积液。此时肺泡因为遭受机体免疫系统过激引发的炎症出现破裂，肺部便出现纤维化、硬化而停止正常的气体交换工作。就算是治愈后，也会因为不可逆的肺部损伤需要借助药物或氧气来帮助呼吸。
二、肾脏
患者因为肺部炎症的影响，此时患者会出现败血症，而肾脏是人体维持体液、血压平衡的重要器官。全身血管都因为感染变宽，导致肾脏功能受损，出现永久性损伤。就算是治愈后，也需要定期到医院进行血液和尿液检查，以此来监控肾脏功能恢复情况。
三、肝脏
先天免疫功能障碍的老年患者，因为自身机体原因患上新冠后出现继发性肝脏损伤的可能性极大。
四、心脏
新冠病毒进入人体细胞后，有研究表明最先入侵的就是血管上皮细胞。引起血液黏稠，对心血管系统造成损伤后引发心脏疾病。
五、男性生理功能
有研究发现新冠病毒可以穿越屏障导致男性睾丸受损，影响男性的生殖腺功能。
六、大脑
许多治愈康复患者都有出现严重的中枢神经系统症状，如头晕、急性脑血管意外、癫痫、味觉消失、中风等。
新冠肺炎从爆发初期至现在，出现了许多临床症状的同时，也相继出现了许多难以预料的后遗症。也是直接给大家提了个醒，治愈不代表完好无损。还需要通过后续对患者进行评估来确定是否发生后遗症。而此后遗症属于情理之中还是意料之外。
随着病毒的不断变异，现在无症状感染者越来越多。这一点也让人难以防范。
有一部分无症状感染者可能自身免疫系统比较强悍，病毒入侵后还没有开始“作妖”就已经被杀灭了。
还有一部分人在感染病毒后有可能出现轻微的症状或无症状，而在进行抗体检测时可以发现其本人已经产生免疫力。
第三类无症状感染者就需要大家小心防范了，自身感染新冠病毒后没有任何临床症状出现，但是其体内携带的病原体有传染性。像这类无症状感染者及其难以防备，没有通过核酸或抗体检测难以发现。所以这也就是要求大家出门做好个人防护的主要原因。
面对这个有着许多未解之谜的新冠病毒，直至今日各国科学家们仍然还在不停的努力研究，探索和发现中。这是一场旷日持久的战争，需要更多的时间和精力来寻求到人类与病毒共存的局面。
无论是谁都应该严格做好个人防护，时时刻刻绷紧防疫这根弦。
