html月球绕地球转,CSS3地球公转，月球绕地球转

CSS3地球公转，月球绕地球转 -何问起

.box{

transform: scale(0.5);

position: relative;

padding: 1px;

height: 300px;

width: 300px;

}

.sunline{

position:relative;

height: 400px;

width: 400px;

border: 2px solid silver;

border-radius: 50%;

margin: 50px 0 0 50px;

display: flex;

animation: rotate 10s infinite linear;

}

.hovertreesun{

height: 100px;

width: 100px;

margin: auto;

background-color: red;

border-radius: 50%;

box-shadow: 5px 5px 10px red,-5px -5px 10px red,5px -5px 10px red,-5px 5px 10px red;

}

.earthline{

position: absolute;

right: 0;

top: 50%;

height: 200px;

width: 200px;

margin: -100px -100px 0 0;

border: 1px solid silver;

border-radius: 50%;

display: flex;

animation: rotate 2s infinite linear;

}

.earth{

margin: auto;

height: 50px;

width: 50px;

background-color: blue;

border-radius: 50%;

}

.moon{

position: absolute;

left: 0;

top: 50%;

height: 20px;

width: 20px;

margin: -10px 0 0 -10px;

background-color: yellow;

border-radius: 50%;

}

@keyframes rotate{

100%{transform:rotate(360deg);}

}body{background:black;}

html月球绕地球转,CSS3地球公转，月球绕地球转相关推荐

googleearthpro打开没有地球_人在月球上睡24小时，相当于地球多少年？科学家的回答出乎意料...
亲,阅读本文前,请您先点击上面"关注",这样您就可以继续免费收到每天分享的精彩文章了,好文章我们齐分享,星星之火可以燎原,您的支持是我们最大的动力!谢谢从许多古时候的一些故事和传 ...
地球大气延伸超越月球轨道！探索系外水星球的新希望
1972年,阿波罗16号任务中,宇航员首次拍摄到地冕层图像.这张图像是从月球轨道角度拍摄的,目前科学家最新研究称,地球大气层向外延伸63万公里.地球大气最外层远远超出了月球轨道,几乎是地月距离的两倍. ...
NASA公布“门户计划”，在月球轨道建立空间站进一步探索月球
门户是NASA研发一种小型的宇宙飞船的名字,该宇宙飞船将围绕月球轨道运行成为宇航员临时住所和办公室. 日前,美国宇航局(以下简称"NASA")公布了"门户计划" ...
NASA公布“门户计划”，在月球轨道建立空间站进一步探索月球...
门户是NASA研发一种小型的宇宙飞船的名字,该宇宙飞船将围绕月球轨道运行成为宇航员临时住所和办公室. 日前,美国宇航局(以下简称"NASA")公布了"门户计划" ...
谷歌地球不能用？国产谷歌地球替代软件提前转正
大家知道谷歌地球由于某些原因已经退出国内市场,但是一直以一种特别的方式服务着大家,说白了还是可以使用的. 但近日小编发现调用谷歌地球的国产地图软件真的不能用了,谷歌影像.历史影像.谷歌地形.三维地图都 ...
旋转——绕原点二维旋转，绕任意点的二维旋转，三维基本旋转，绕任意轴的三维旋转
1 简介计算机图形学中的应用非常广泛的变换是一种称为仿射变换的特殊变换,在仿射变换中的基本变换包括平移.旋转.缩放.剪切这几种.本文以及接下来的几篇文章重点介绍一下关于旋转的变换,包括二维旋转变换. ...
地球绕着太阳转月球绕着地球转（入门）
网上都是介绍些WPF的入门基础,稍微些例子,程序都非常少. 今天弄了个简易的太阳系(仅仅是地球绕着太阳转,月亮绕着地球转),有个样子而已. 以下是效果图,当你点"start"but ...
太阳自转 * 地球自转、公转 * 月球自转、公转
* Title: ""* Function:* - 太阳自转* - 地球自转.公转* - 月球自转.公转* Used By: Main Camera* Author: V.* Da ...
matlab模拟地球,基于MATLAB的卫星绕地球模拟系统
简介利用MATLAB来做系统模拟,以其显示功能.动画功能而突出.这里介绍一个卫星(月球)绕地球运行系统. (注:部分代码参考网络分享) 实例 % By lyqmath % Dalian Univers ...

html月球绕地球转,CSS3地球公转，月球绕地球转

html月球绕地球转,CSS3地球公转，月球绕地球转相关推荐

最新文章

热门文章