html5地球如何实现转动

html5地球如何实现转动,第1张

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>旋转</title>

<style>

* {margin:0padding:0border:0}

div {width:200pxheight:200pxmargin-left:100pxmargin-top:-100px}

img {width:200pxheight:200pxborder-radius:100pxanimation:myfirst 5s linear infinite-webkit-animation:myfirst 5s linear infiniteanimation-play-state:running-webkit-animation-play-state:running}

img:hover {animation-play-state:paused-webkit-animation-play-state:paused}

@keyframes myfirst {0% {transform:rotate(0deg)} 100% {transform:rotate(360deg)}}

@-webkit-keyframes myfirst {0% {transform:rotate(0deg)} 100% {transform:rotate(360deg)}}

</style>

</head>

<body>

<p style="margin-top:100px"></p>

<div><img src="163146_vN8g_574908.jpg"/><div>

</body>

</html>

需要的图片

地球内部画法如下

用一张白纸或画板作为底图。画出地球的表面,即地壳层。可以根据自己的喜好和风格,选择不同的画法来描绘地球表面的地形和特征,例如山脉、河流、海洋和大陆等等。在地壳下方画出上地幔层。可以使用黄色或橙色来代表这一层,通常上地幔层的厚度约为670公里。在上地幔层下方画出下地幔层。可以使用橙色或红色来代表这一层,通常下地幔层的厚度约为2170公里。在下地幔层下方画出外核层。可以使用红色来代表这一层,通常外核层的厚度约为2200公里。在外核层下方画出内核层。可以使用蓝色或紫色来代表这一层,通常内核层的厚度约为1220公里。根据需要添加地球内部的其他特征,例如地震带、板块边界和热点等等。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/8319999.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-15
下一篇2023-04-15

发表评论

登录后才能评论

评论列表(0条)

    保存