css3 3d 太阳系,CSS3实现的太阳系行星系统
太阳
太阳是距离地球最近的恒星,是太阳系的中心天体。太阳系质量的99.87%都集中在太阳。太阳系中的八大行星、小行星、流星、彗星、外海王星天体以及星际尘埃等,都围绕着太阳运行(公转)。
水星
水星 (Mercury ),中国古代称为辰星。是太阳系中的类地行星,其主要由石质和铁质构成,密度较高。自转周期很长为58.65天,自转方向和公转方向相同,水星在88个地球日里就能绕太阳一周,平均速度47.89千米, 是太阳系中运动最快的行星。无卫星环绕。它是八大行星中是最小的行星,也是离太阳最近的行星。
金星
金星(Venus)是太阳系中八大行星之一,按离太阳由近及远的次序是第二颗。它是离地球最近的行星。中国古代称之为长庚、启明、太白或太白金星。公转周期是224.71地球日。夜空中亮度仅次于月球,排第二,金星要在日出稍前或者日落稍后才能达到亮度最大。它有时黎明前出现在东方天空,被称为“启明”;有时黄昏后出现在西方天空,被称为“长庚”。
地球
地球是太阳系从内到外的第三颗行星,也是太阳系中直径、质量和密度最大的类地行星。它也经常被称作世界。英语的地球 Earth一词来自于古英语及日耳曼语。地球已有44~46亿岁,有一颗天然卫星月球围绕着地球以30天的周期旋转,而地球以近24小时的周期自转并且以一年的周期绕太阳公转。
火星
火星是太阳系由内往外数的第四颗行星,属于类地行星,直径为地球的一半,自转轴倾角、自转周期相近,公转一周则花两倍时间。在西方称为战神玛尔斯,中国则称为“荧惑”。橘红色外表是因为地表的赤铁矿(氧化铁)。火星基本上是沙漠行星,地表沙丘、砾石遍布,没有稳定的液态水体。二氧化碳为主的大气既稀薄又寒冷,沙尘悬浮其中,每年常有尘暴发生。火星两极皆有水冰与干冰组成的极冠,会随着季节消长。
木星
木星,为太阳系八大行星之一,距太阳(由近及远)顺序为第五,亦为太阳系体积最大、自转最快的行星。木星主要由氢和氦组成,中心温度估计高达30,500℃。古代中国称之岁星,取其绕行天球一周为12年,与地支相同之故。西方语言一般称之朱比特(拉丁语:Jupiter),源自罗马神话中的众神之王、相当于希腊神话中的宙斯。
土星
土星,为太阳系八大行星之一,至太阳距离(由近到远)位于第六、体积则仅次于木星。并与木星、天王星及海王星同属气体(类木)巨星。古代中国亦称之镇星或填星。
天王星
天王星是太阳向外的第七颗行星,在太阳系的体积是第三大(比海王星大),质量排名第四(比海王星轻)。他的名称来自古希腊神话中的天空之神乌拉诺斯(Οὐρανός),是克洛诺斯(农神)的父亲,宙斯(朱比特)的祖父。天王星是第一颗在现代发现的行星,虽然它的光度与五颗传统行星一样,亮度是肉眼可见的,但由于较为黯淡而未被古代的观测者发现。威廉·赫歇耳爵士在1781年3月13日宣布他的发现,在太阳系的现代史上首度扩展了已知的界限。这也是第一颗使用望远镜发现的行星。
海王星
海王星(Neptune)是环绕太阳运行的第八颗行星,是围绕太阳公转的第四大天体(直径上)。海王星在直径上小于天王星,但质量比它大。海王星的质量大约是地球的17倍,而类似双胞胎的天王星因密度较低,质量大约是地球的14倍。海王星以罗马神话中的尼普顿(Neptunus),因为尼普顿是海神,所以中文译为海王星。天文学的符号,是希腊神话的海神波塞冬使用的三叉戟。
冥王星
冥王星,或被称为134340 号小行星,于1930年1月由克莱德·汤博根据美国天文学家洛韦尔的计算发现,并以罗马神话中的冥王普路托(Pluto)命名。它曾经是太阳系九大行星之一,但后来被降格为矮行星。与太阳平均距离59亿千米。直径2300千米,平均密度0.8克/立方厘米,质量1.290×10^22 千克。公转周期约248年,自转周期6387天。表面温度在-220°c以下,表面可能有一层固态甲烷冰。暂时发现有三颗卫星。
css3 3d 太阳系,CSS3实现的太阳系行星系统相关推荐
- css3 3d头像,CSS3做的头像效果,CSS3学习实例
CSS3头像 .box{margin:30px auto;width:300px;height:300px;background:#ccc;position:relative;overflow:hid ...
- css3常用方法以及css3选择器
最重要的 CSS3 模块包括: 选择器 框模型 背景和边框 文本效果 2D/3D 转换 动画 多列布局 用户界面 CSS3 边框 CSS3 边框 通过 CSS3,您能够创建圆角边框,向矩形添加阴影,使 ...
- 【Web动画】CSS3 3D 行星运转 浏览器渲染原理
承接上一篇:[CSS3进阶]酷炫的3D旋转透视 . 最近入坑 Web 动画,所以把自己的学习过程记录一下分享给大家. CSS3 3D 行星运转 demo 页面请戳:Demo.(建议使用Chrome打开 ...
- 8款帅酷的HTML5/CSS3 3D动画、图片、菜单应用
今天要给大家分享8款帅酷的HTML5/CSS3应用,它们中包括很酷的HTML5 3D动画应用,也包括实用的CSS3图片.菜单.进度条等插件,一起来看看吧. 1.HTML5 Canvas火焰燃烧动画 如 ...
- CSS3 3D的总结(初学者易懂)
CSS3 3D案例的总结 如果要说是3D的基础概念,首先我就来说一说rotateX().rotateY().rotateZ()这几个属性 rotateX():对应的是3D模型中的X轴上的旋转,传入的参 ...
- [应用][js+css3]3D盒子导航[PC端]
CSS3构建的3D盒子之导航应用 1.在用css3构建的盒子表面,放上iframe,来加载导航页面. 2.鼠标左键按下移动可旋转盒子,寻找想要的网址. 3.左键单机盒子表面,将全屏现实所点盒子表面的网 ...
- 7款外观迷人的HTML5/CSS3 3D特效按钮特效
下面我整理了7款外观都十分迷人的HTML5/CSS3 3D按钮特效,有几个还挺实用的,分享给大家. 1.CSS3超酷3D弹性按钮 按钮实现非常简单 之前我们分享过几款不错的CSS3 3D立体按钮,比如 ...
- css3轮播不用jpuery_js和CSS3 3D轮播图
这是一款js和CSS3 3D轮播图.这组3D轮播图中,共演示了6种轮播图效果.这些3D轮播图都是通过简单的JS代码配合CSS3来完成的. 使用方法 HTML结构 以8张图片的3D轮播图为例,它的基本H ...
- 一篇文章搞定css3 3d效果
css3 3d学习心得 卡片反转 魔方 banner图 首先我们要学习好css3 3d一定要有一定的立体感 通过这个图片应该清楚的了解到了x轴 y轴 z轴是什么概念了. 首先先给大家看一个小例子: 卡 ...
- CSS3 3D transform变换
transform的坐标是需要了解的特性. 我们的rotateX,rotateY,rotateZ,和translateX,translateY等都是基于相同的坐标系来定位的. 3D的坐标如下入所示: ...
最新文章
- outlook地址薄导入到FOXMAIL
- 2012-01-17-05
- Datawhale 人工智能培养方案
- How To Read C Declarations
- R2B fpga flow script
- Opencv+Moviepy实现涂鸦视频和视频音轨分离合并操作。
- php zend studio 下载地址,Zend Studio
- Unity 粒子特效(Particle System)大小自适应和层级的一些问题
- 容器:forward_list用法及示例
- android 内存至少一半,极客修:为什么iPhone比安卓内存小,却更流畅?
- 2016依然会给我惊喜,谢谢
- 拼多多无货源店群模式现在还能赚钱吗?(小珏)
- Microsoft KMS Client Setup Keys ( Windows + Office )
- OBS美颜滤镜插件,美白、瘦脸....
- SQL 多表联合查询
- java ios des加密解密_IOS、java支持DES加密
- Cocoa公历和中国农历直接的转换
- 讯景XFX战狼 rx560 4G
- 联想拯救者笔记本安装Win10、Ubuntu16.04双系统
- CPU Cache知识介绍
热门文章
- Python 教程推荐
- php生成拟合线,excel拟合曲线怎么做
- 华北电力计算机类哪个专业好,华北电力和北京化工的计算机专业那个好?
- dos命令、find、findstr、ping、nbtstat、netstat、net、at、ftp、telnet、tasklist、taskkill、netsh...
- arcgis 发布服务
- Contextual 上下文绑定机制
- 一行代码视频下载,so easy!
- HMC——Hamiltonian Monte Carlo笔记
- layui设置按钮不可点击_layui upload 模块点击选择文件按钮的禁用与启用功能
- Day-3 文字排版