集齊十五個(gè)DEMO的CSS3動(dòng)畫圖文教程

文主要內(nèi)容

過渡：transition
2D 轉(zhuǎn)換 transform
3D 轉(zhuǎn)換 transform
動(dòng)畫：animation

過渡：transition

transition的中文含義是過渡。過渡是CSS3中具有顛覆性的一個(gè)特征，可以實(shí)現(xiàn)元素不同狀態(tài)間的平滑過渡（補(bǔ)間動(dòng)畫），經(jīng)常用來制作動(dòng)畫效果。

補(bǔ)間動(dòng)畫：自動(dòng)完成從起始狀態(tài)到終止?fàn)顟B(tài)的的過渡。不用管中間的狀態(tài)。
幀動(dòng)畫：通過一幀一幀的畫面按照固定順序和速度播放。如電影膠片。

transition 包括以下屬性：

transition-property: all; 如果希望所有的屬性都發(fā)生過渡，就使用all。
transition-duration: 1s; 過渡的持續(xù)時(shí)間。
transition-timing-function: linear; 運(yùn)動(dòng)曲線。屬性值可以是：
linear 線性
ease 減速
ease-in 加速
ease-out 減速
ease-in-out 先加速后減速
transition-delay: 1s; 過渡延遲。多長(zhǎng)時(shí)間后再執(zhí)行這個(gè)過渡動(dòng)畫。

上面的四個(gè)屬性也可以寫成綜合屬性：

 transition: 讓哪些屬性進(jìn)行過度 過渡的持續(xù)時(shí)間 運(yùn)動(dòng)曲線 延遲時(shí)間;
 transition: all 3s linear 0s;

其中，transition-property這個(gè)屬性是尤其需要注意的，不同的屬性值有不同的現(xiàn)象。我們來示范一下。

如果設(shè)置 transition-property: width，意思是只讓盒子的寬度在變化時(shí)進(jìn)行過渡。效果如下：

如果設(shè)置 transition-property: all，意思是讓盒子的所有屬性（包括寬度、背景色等）在變化時(shí)都進(jìn)行過渡。效果如下

案例：小米商品詳情

效果如下：

2D 轉(zhuǎn)換

轉(zhuǎn)換是 CSS3 中具有顛覆性的一個(gè)特征，可以實(shí)現(xiàn)元素的位移、旋轉(zhuǎn)、變形、縮放，甚至支持矩陣方式。

轉(zhuǎn)換再配合過渡和動(dòng)畫，可以取代大量早期只能靠 Flash 才可以實(shí)現(xiàn)的效果。

在 CSS3 當(dāng)中，通過 transform 轉(zhuǎn)換來實(shí)現(xiàn) 2D 轉(zhuǎn)換或者 3D 轉(zhuǎn)換。

2D轉(zhuǎn)換包括：縮放、移動(dòng)、旋轉(zhuǎn)。

1、縮放：scale

格式：

 transform: scale(x, y);
 transform: scale(2, 0.5);

參數(shù)解釋： x：表示水平方向的縮放倍數(shù)。y：表示垂直方向的縮放倍數(shù)。如果只寫一個(gè)值就是等比例縮放。

取值：大于1表示放大，小于1表示縮小。不能為百分比。

格式舉例：

效果：

上圖可以看到，給 box1 設(shè)置 2D 轉(zhuǎn)換，并不會(huì)把兄弟元素?cái)D走。

2、位移：translate

格式：

 transform: translate(水平位移, 垂直位移);
 transform: translate(-50%, -50%);

參數(shù)解釋：

參數(shù)為百分比，相對(duì)于自身移動(dòng)。
正值：向右和向下。負(fù)值：向左和向上。如果只寫一個(gè)值，則表示水平移動(dòng)。

格式舉例：

效果：

上圖中，因?yàn)槲以诓僮鞯臅r(shí)候，鼠標(biāo)懸停后，立即進(jìn)行了略微的移動(dòng)，所以產(chǎn)生了兩次動(dòng)畫。正確的效果應(yīng)該是下面這樣的

應(yīng)用：讓絕對(duì)定位中的盒子在父親里居中

我們知道，如果想讓一個(gè)標(biāo)準(zhǔn)流中的盒子在父親里居中（水平方向看），可以將其設(shè)置margin: 0 auto屬性。

可如果盒子是絕對(duì)定位的，此時(shí)已經(jīng)脫標(biāo)了，如果還想讓其居中（位于父親的正中間），可以這樣做：

 div {
 width: 600px;
 height: 60px;
 position: absolute; 絕對(duì)定位的盒子
 left: 50%; 首先，讓左邊線居中
 top: 0;
 margin-left: -300px; 然后，向左移動(dòng)寬度（600px）的一半
 }

如上方代碼所示，我們先讓這個(gè)寬度為600px的盒子，左邊線居中，然后向左移動(dòng)寬度（600px）的一半，就達(dá)到效果了。

現(xiàn)在，我們還可以利用偏移 translate 來做，這也是比較推薦的寫法：

div {
 width: 600px;
 height: 60px;
 background-color: red;
 position: absolute; 絕對(duì)定位的盒子
 left: 50%; 首先，讓左邊線居中
 top: 0;
 transform: translate(-50%); 然后，利用translate，往左走自己寬度的一半【推薦寫法】
 }

3、旋轉(zhuǎn)：rotate

格式：

 transform: rotate(角度);
 transform: rotate(45deg);

參數(shù)解釋：正值順時(shí)針；負(fù)值：逆時(shí)針。

效果：

注意，上方代碼中，我們給盒子設(shè)置了 transform 中的 rotate 旋轉(zhuǎn)，但同時(shí)還要給盒子設(shè)置 transition 過渡。如果沒有這行過渡的代碼，旋轉(zhuǎn)會(huì)直接一步到位，效果如下：（不是我們期望的效果）

案例1：小火箭

上方代碼中，我們將 transform 的兩個(gè)小屬性合并起來寫了。

案例2：撲克牌

rotate 旋轉(zhuǎn)時(shí)，默認(rèn)是以盒子的正中心為坐標(biāo)原點(diǎn)的。如果想改變旋轉(zhuǎn)的坐標(biāo)原點(diǎn)，可以用transform-origin屬性。格式如下：

 transform-origin: 水平坐標(biāo) 垂直坐標(biāo);
 transform-origin: 50px 50px;
 transform-origin: center bottom; //旋轉(zhuǎn)時(shí)，以盒子底部的中心為坐標(biāo)原點(diǎn)

我們來看一下 rotate 結(jié)合 transform-origin 的用法舉例。

代碼如下：

效果如下：

4、傾斜

3D 轉(zhuǎn)換

1、旋轉(zhuǎn)：rotateX、rotateY、rotateZ

3D坐標(biāo)系（左手坐標(biāo)系）

如上圖所示，伸出左手，讓拇指和食指成“L”形，大拇指向右，食指向上，中指指向前方。拇指、食指和中指分別代表X、Y、Z軸的正方向，這樣我們就建立了一個(gè)左手坐標(biāo)系。

瀏覽器的這個(gè)平面，是X軸、Y軸；垂直于瀏覽器的平面，是Z軸。

旋轉(zhuǎn)的方向：（左手法則）

左手握住旋轉(zhuǎn)軸，豎起拇指指向旋轉(zhuǎn)軸的正方向，正向就是其余手指卷曲的方向。

從上面這句話，我們也能看出：所有的3d旋轉(zhuǎn)，對(duì)著正方向去看，都是順時(shí)針旋轉(zhuǎn)。

格式：

 transform: rotateX(360deg); //繞 X 軸旋轉(zhuǎn)360度
 transform: rotateY(360deg); //繞 Y 軸旋轉(zhuǎn)360度
 transform: rotateZ(360deg); //繞 Z 軸旋轉(zhuǎn)360度

格式舉例：

（1）rotateX 舉例

效果：

上方代碼中，我們最好加個(gè)透視的屬性，方能看到3D的效果；沒有這個(gè)屬性的話，圖片旋轉(zhuǎn)的時(shí)候，像是壓癟了一樣。

而且，透視的是要加給圖片的父元素 div，方能生效。我們?cè)诤竺鏁?huì)講解透視屬性。

（2）rotateY 舉例：

效果：

（3）rotateZ 舉例：

<!DOCTYPE html>
<html>
<head lang="en">
 <meta charset="UTF-8">
 <title></title>
 <style>
 .rotateZ {
 width: 330px;
 height: 227px;
 margin: 100px auto;
 /* 透視*/
 perspective: 200px;
 }
 img {
 transition: all 1s;
 }
 .rotateZ:hover img {
 transform: rotateZ(360deg);
 }
 </style>
</head>
<body>
<div class="rotateZ">
 <img src="images/z.jpg" alt=""/>
</div>
</body>
</html>

效果：

案例：百度錢包

現(xiàn)在有下面這張圖片素材：

要求做成下面這種效果：

上面這張圖片素材其實(shí)用的是精靈圖。實(shí)現(xiàn)的代碼如下：

2、移動(dòng)：translateX、translateY、translateZ

格式：

 transform: translateX(100px); //沿著 X 軸移動(dòng)
 transform: translateY(360px); //沿著 Y 軸移動(dòng)
 transform: translateZ(360px); //沿著 Z 軸移動(dòng)

格式舉例：

（1）translateX 舉例：

<!DOCTYPE html>
<html>
<head lang="en">
 <meta charset="UTF-8">
 <title></title>
 <style>
 .box {
 width: 200px;
 height: 200px;
 background: green;
 transition: all 1s;
 }
 .box:hover {
 transform: translateX(100px);
 }
 </style>
</head>
<body>
<div class="box">
</div>
</body>
</html>

效果：

（2）translateY 舉例：

<!DOCTYPE html>
<html>
<head lang="en">
 <meta charset="UTF-8">
 <title></title>
 <style>
 .box {
 width: 200px;
 height: 200px;
 background: green;
 transition: all 1s;
 }
 .box:hover {
 transform: translateY(100px);
 }
 </style>
</head>
<body>
<div class="box">
</div>
</body>
</html>

效果：

（3）translateZ 舉例：

<!DOCTYPE html>
<html>
<head lang="en">
 <meta charset="UTF-8">
 <title></title>
 <style>
 body {
 /* 給box的父元素加透視效果*/
 perspective: 1000px;
 }
 .box {
 width: 250px;
 height: 250px;
 background: green;
 transition: all 1s;
 margin: 200px auto
 }
 .box:hover {
 /* translateZ必須配合透視來使用*/
 transform: translateZ(400px);
 }
 </style>
</head>
<body>
<div class="box">
</div>
</body>
</html>

效果：

上方代碼中，如果不加透視屬性，是看不到translateZ的效果的。

3、透視：perspective

電腦顯示屏是一個(gè) 2D 平面，圖像之所以具有立體感（3D效果），其實(shí)只是一種視覺呈現(xiàn)，通過透視可以實(shí)現(xiàn)此目的。

透視可以將一個(gè)2D平面，在轉(zhuǎn)換的過程當(dāng)中，呈現(xiàn)3D效果。但僅僅只是視覺呈現(xiàn)出3d 效果，并不是正真的3d。

格式有兩種寫法：

作為一個(gè)屬性，設(shè)置給父元素，作用于所有3D轉(zhuǎn)換的子元素
作為 transform 屬性的一個(gè)值，做用于元素自身。

4、3D呈現(xiàn)（transform-style）

3D元素構(gòu)建是指某個(gè)圖形是由多個(gè)元素構(gòu)成的，可以給這些元素的父元素設(shè)置transform-style: preserve-3d來使其變成一個(gè)真正的3D圖形。屬性值可以如下：

 transform-style: preserve-3d; //讓 子盒子 位于三維空間里
 transform-style: flat; //讓子盒子位于此元素所在的平面內(nèi)（子盒子被扁平化）

案例：立方體

動(dòng)畫

動(dòng)畫是CSS3中具有顛覆性的特征，可通過設(shè)置多個(gè)節(jié)點(diǎn) 來精確控制一個(gè)或一組動(dòng)畫，常用來實(shí)現(xiàn)復(fù)雜的動(dòng)畫效果。

1、定義動(dòng)畫的步驟

（1）通過@keyframes定義動(dòng)畫；

（2）將這段動(dòng)畫通過百分比，分割成多個(gè)節(jié)點(diǎn)；然后各節(jié)點(diǎn)中分別定義各屬性；

（3）在指定元素里，通過 animation 屬性調(diào)用動(dòng)畫。

之前,我們?cè)?js 中定義一個(gè)函數(shù)的時(shí)候，是先定義，再調(diào)用：

 js 定義函數(shù)：
 function fun(){ 函數(shù)體 }
 調(diào)用：
 fun();

同樣，我們?cè)?CSS3 中定義動(dòng)畫的時(shí)候，也是先定義，再調(diào)用：

 定義動(dòng)畫：
 @keyframes 動(dòng)畫名{
 from{ 初始狀態(tài) }
 to{ 結(jié)束狀態(tài) }
 }
 調(diào)用：
 animation: 動(dòng)畫名稱 持續(xù)時(shí)間；

其中，animation屬性的格式如下：

 animation: 定義的動(dòng)畫名稱 持續(xù)時(shí)間 執(zhí)行次數(shù) 是否反向 運(yùn)動(dòng)曲線 延遲執(zhí)行。(infinite 表示無限次)
 animation: move1 1s alternate linear 3;
 animation: move2 4s;

定義動(dòng)畫的格式舉例：

注意好好看代碼中的注釋。

效果如下：

2、動(dòng)畫屬性

我們剛剛在調(diào)用動(dòng)畫時(shí)，animation屬性的格式如下：

animation屬性的格式如下：

 animation: 定義的動(dòng)畫名稱 持續(xù)時(shí)間 執(zhí)行次數(shù) 是否反向 運(yùn)動(dòng)曲線 延遲執(zhí)行。(infinite 表示無限次)
 animation: move1 1s alternate linear 3;
 animation: move2 4s;

可以看出，這里的 animation 是綜合屬性，接下來，我們把這個(gè)綜合屬性拆分看看。

（1）動(dòng)畫名稱：

 animation-name: move;

（2）執(zhí)行一次動(dòng)畫的持續(xù)時(shí)間：

 animation-duration: 4s;

備注：上面兩個(gè)屬性，是必選項(xiàng)，且順序固定。

（3）動(dòng)畫的執(zhí)行次數(shù)：

 animation-iteration-count: 1; //iteration的含義表示迭代

屬性值infinite表示無數(shù)次。

（3）動(dòng)畫的方向：

 animation-direction: alternate;

屬性值：normal 正常，alternate 反向。

（4）動(dòng)畫延遲執(zhí)行：

 animation-delay: 1s;

（5）設(shè)置動(dòng)畫結(jié)束時(shí)，盒子的狀態(tài)：

 animation-fill-mode: forwards;

屬性值： forwards：保持動(dòng)畫結(jié)束后的狀態(tài)（默認(rèn)）， backwards：動(dòng)畫結(jié)束后回到最初的狀態(tài)。

（6）運(yùn)動(dòng)曲線：

 animation-timing-function: ease-in;

屬性值可以是：linear ease-in-out steps()等。

注意，如果把屬性值寫成steps()，則表示動(dòng)畫不是連續(xù)執(zhí)行，而是間斷地分成幾步執(zhí)行。我們接下來專門講一下屬性值 steps()。

steps()的效果

我們還是拿上面的例子來舉例，如果在調(diào)用動(dòng)畫時(shí)，我們寫成：

 animation: move2 4s steps(2);

效果如下：

有了屬性值 steps()，我們就可以作出很多不連續(xù)地動(dòng)畫效果。比如時(shí)鐘；再比如，通過多張靜態(tài)的魚，作出一張游動(dòng)的魚。

step()舉例：時(shí)鐘的簡(jiǎn)易模型

<!DOCTYPE html>
<html>
<head lang="en">
 <meta charset="UTF-8">
 <title></title>
 <style>
 div {
 width: 3px;
 height: 200px;
 background-color: #000;
 margin: 100px auto;
 transform-origin: center bottom; /* 旋轉(zhuǎn)的中心點(diǎn)是底部 */
 animation: myClock 60s steps(60) infinite;
 }
 @keyframes myClock {
 0% {
 transform: rotate(0deg);
 }
 100% {
 transform: rotate(360deg);
 }
 }
 </style>
</head>
<body>
<div></div>
</body>
</html>

上方代碼，我們通過一個(gè)黑色的長(zhǎng)條div，旋轉(zhuǎn)360度，耗時(shí)60s，分成60步完成。即可實(shí)現(xiàn)。

效果如下：

動(dòng)畫舉例：擺動(dòng)的魚

現(xiàn)在，我們要做下面這種效果，為了作出上面這種效果，要分成兩步。

（1）第一步：讓魚在原地?cái)[動(dòng)

魚在原地?cái)[動(dòng)并不是一張 gif動(dòng)圖，她其實(shí)是由很多張靜態(tài)圖間隔地播放，一秒鐘播放完畢，就可以了

圖片的url是http://img.smyhvae.com/20180209_1245.gif，圖片較大，如無法觀看，可在瀏覽器中單獨(dú)打開。

上面這張大圖的尺寸是：寬 509 px、高 2160 px。

我們可以理解成，每一幀的尺寸是：寬 509 px、高 270 px。270 * 8 = 2160。讓上面這張大圖，在一秒內(nèi)從 0px 的位置往上移動(dòng)2160px，分成8步來移動(dòng)。就可以實(shí)現(xiàn)了。

代碼是：

<!DOCTYPE html>
<html>
<head lang="en">
 <meta charset="UTF-8">
 <title></title>
 <style>
 .shark {
 width: 509px;
 height: 270px; /*盒子的寬高是一幀的寬高*/
 border: 1px solid #000;
 margin: 100px auto;
 background: url(images/shark.png) left top; /* 讓圖片一開始位于 0 px的位置 */
 animation: sharkRun 1s steps(8) infinite; /* 一秒之內(nèi)，從頂部移動(dòng)到底部，分八幀， */
 }
 @keyframes sharkRun {
 0% {
 }
 /* 270 * 8 = 2160 */
 100% {
 background-position: left -2160px; /* 動(dòng)畫結(jié)束時(shí)，讓圖片位于最底部 */
 }
 }
 </style>
</head>
<body>
<div class="sharkBox">
 <div class="shark"></div>
</div>
</div>
</body>
</html>

我們不妨把上面的動(dòng)畫的持續(xù)時(shí)間從1s改成 8s，就可以看到動(dòng)畫的慢鏡頭

這下，你應(yīng)該恍然大悟了。

（2）第二步：讓魚所在的盒子向前移動(dòng)。

實(shí)現(xiàn)的原理也很簡(jiǎn)單，我們?cè)谏弦徊街幸呀?jīng)讓shark這個(gè)盒子實(shí)現(xiàn)了原地?fù)u擺，現(xiàn)在，讓 shark 所在的父盒子 sharkBox向前移動(dòng)，即可。完整版代碼是：

最后效果很好

這是我在學(xué)習(xí)CSS3動(dòng)畫的時(shí)候收藏的一篇好文，現(xiàn)在分享在這里，既方便大家學(xué)習(xí)參考，也方便日后查閱，最后感謝作者

鏈接文章

https://www.cnblogs.com/qianguyihao/p/8435182.html

月27日，外交部發(fā)言人趙立堅(jiān)主持例行記者會(huì)上，路透社記者問了個(gè)不出大家所料的問題：

據(jù)CNN報(bào)道，長(zhǎng)征五號(hào)火箭末級(jí)將在8月1日左右再入大氣層。中國(guó)政府是否掌握火箭末級(jí)殘骸將于何時(shí)何地著陸？如果掌握，中方會(huì)否及時(shí)向有關(guān)國(guó)家通報(bào)碎片墜落路徑的相關(guān)信息？

趙立堅(jiān)：火箭末級(jí)再入大氣層燒蝕銷毀，這是國(guó)際通行做法，據(jù)了解，該型火箭采用特殊的技術(shù)設(shè)計(jì)，絕大部分器件將在再入過程中燒蝕銷毀，對(duì)航空活動(dòng)及地面造成危害的概率極低......

長(zhǎng)征五號(hào)B火箭在哪里？究竟何時(shí)會(huì)墜毀？

7月26日，CNN報(bào)道了中國(guó)發(fā)射問天艙段的長(zhǎng)征五號(hào)B火箭將會(huì)于8月1日墜落大氣層，據(jù)正在追蹤火箭軌跡的美國(guó)太空司令部稱，和去年墜落的CZ-5 R/B一樣，目前尚不清楚它將降落在哪里。

不列顛哥倫比亞大學(xué)教授邁克爾·拜爾斯表示：“這是一個(gè)重達(dá)20噸的金屬物體，雖然它會(huì)在進(jìn)入大氣層時(shí)分解，但可能會(huì)有部分碎片到達(dá)地表”，他同時(shí)表示，太空碎片對(duì)人類的風(fēng)險(xiǎn)極小，但如果它落在有人居住的地區(qū)，更大的部分可能會(huì)造成損害。

分離了助推器的芯級(jí)

據(jù)發(fā)表在《自然天文學(xué)》雜志上的研究，由于太空垃圾的增加，墜落地面造成的附帶損傷概率可能會(huì)增加，而在雅加達(dá)、達(dá)卡和拉各斯的概率會(huì)高于紐約、北京或莫斯科。

似乎聽上去有些嚴(yán)重：長(zhǎng)征五號(hào)B火箭又在哪里呢？

其實(shí)這個(gè)遺留在太空的火箭并不是長(zhǎng)征五號(hào)的全部，而是它的一級(jí)火箭，因?yàn)檫@枚火箭是一個(gè)一級(jí)半型，除了四枚助推器以外還有中間的芯級(jí)火箭，剩下的就是火箭頭部整流罩，載荷就在這個(gè)整流罩內(nèi)。

長(zhǎng)征五號(hào)B火箭點(diǎn)火發(fā)射后，助推器和芯級(jí)會(huì)同時(shí)點(diǎn)火，不過助推器會(huì)首先燒完脫離，但芯級(jí)會(huì)持續(xù)燃燒直至將載荷送入預(yù)定軌道，比如問天實(shí)驗(yàn)艙入軌的軌道參數(shù)為：170千米 x 320千米，軌道傾角41.5°，火箭的任務(wù)到這里就結(jié)束了，問天實(shí)驗(yàn)艙將啟動(dòng)自己的火箭去追趕天宮空間站。

能將載荷送到這個(gè)橢圓軌道上的，其實(shí)也已經(jīng)入軌了，只是它的軌道比較低，軌道會(huì)在7~10天內(nèi)衰減并重返大氣層，因此長(zhǎng)征五號(hào)的一級(jí)火箭，也就是CZ-5 R/B將會(huì)在此逗留一周左右的時(shí)間。

長(zhǎng)征五號(hào)B火箭又在哪里呢？

從AeroSpace的官網(wǎng)（一個(gè)記錄再入人工航天器的網(wǎng)站，近期以及過去數(shù)年內(nèi)墜入地球的航天器都可以查到）可以查詢到CZ 5 5/B將會(huì)在7月31日墜入地球，具體如下：

具體再入時(shí)間預(yù)計(jì)為：2022年7月31日00:24 UTC ± 16 小時(shí)，UTC時(shí)間+8為北京時(shí)間，因此它的再入時(shí)間確實(shí)可能會(huì)推遲到8月1日，不過這個(gè)本來誤差就比較大，這也比較正常：

其中網(wǎng)狀示意圖為CZ-5 R/B的軌道，其范圍為南北緯41.5°左右，也就是說在網(wǎng)狀區(qū)域范圍內(nèi)，任何一個(gè)地方均有可能再入，關(guān)于上圖軌跡的查看還有如下說明：

雞飯版，各位湊合著看

天體物理學(xué)家喬納森·麥克道威爾@planet4589則給出更詳細(xì)的數(shù)據(jù)，當(dāng)然也是AeroSpace提供的：

下面這張大圖放大后如下：

左右對(duì)照著看，中間是核心級(jí)的示意圖，上面是遠(yuǎn)地點(diǎn)，下面則是近地點(diǎn)，一般近地點(diǎn)在到達(dá)100千米高度時(shí)大氣分子阻力會(huì)急劇增加，很快就會(huì)墜入大氣層，根據(jù)近地點(diǎn)延長(zhǎng)線，還真用不了多久了。

外媒持續(xù)炒作：其實(shí)美國(guó)火箭也是五十步笑百步

送入軌道的火箭再入是很常見的現(xiàn)象，原因很簡(jiǎn)單，火箭將衛(wèi)星送入軌道后基本上都沒有能力再次受控返回地球，一個(gè)是很多火箭不具備再入控制能力，另一個(gè)則是火箭燃料不夠，因?yàn)樵谲壍郎线\(yùn)行的人造天體，將其減速入軌同樣需要燃料！

這就造成了比較大的麻煩，裝載過多的燃料顯然與任務(wù)不利，而且會(huì)增加成本，因此絕大部分火箭都是選擇無控再入的，也就是說任其在大氣層中燒毀，因?yàn)榈厍虼蟛糠侄际呛Ｑ螅词故顷懙兀^大部分都是無人區(qū)，概率極低，包括西方的各大航天或者宇航局，基本上不會(huì)為這個(gè)額外考慮。

NASA：成本過高不予控制

上文說明了火箭受控再入從理論上是可以的，因?yàn)橛袔追N方法可以可控再入，比如增加固體小火箭減速，或者設(shè)計(jì)二次點(diǎn)火的機(jī)構(gòu)，比如以火箭給予加速度，讓燃料“再次沉淀”于罐底讓渦輪機(jī)可以泵入燃燒室點(diǎn)燃。

另一種則是使用氣囊結(jié)構(gòu)，將燃料壓入渦輪泵，然后再次點(diǎn)燃，但就像上文所說的，成本還是決定了一切，7月11日，《自然天文學(xué)》上就有一篇論文揭露了美國(guó)多枚火箭因?yàn)槌杀旧系脑蚍艞壛嗽黾臃祷貦C(jī)構(gòu)選擇，即使在NASA評(píng)估后風(fēng)險(xiǎn)程度很高的情況下：

英文部分翻譯如下：美國(guó)空軍在2011年至2018年間為其進(jìn)行的66次發(fā)射中的37次放棄了ODMSP（軌道碎片緩解標(biāo)準(zhǔn)操作）要求，理由是用合規(guī)火箭替換不合規(guī)火箭的成本實(shí)在太高。NASA 在2008年至2018年間七次放棄要求，包括2015年的Atlas V發(fā)射，當(dāng)時(shí)估計(jì)傷亡風(fēng)險(xiǎn)高達(dá)1/600，這個(gè)概率可謂是極高了，但為了成本考慮，直接放棄了！

比如Delta IV火箭，由于其升級(jí)成本過高，美國(guó)政府豁免了其升級(jí)要求！這個(gè)操作是不是“非常雙標(biāo)”，寬于律己，嚴(yán)于律人，這就是美式雙標(biāo)狗。

顯然SpaceX也沒好多少，獵鷹9火箭具有再次點(diǎn)火的能力，但由于其燃料不足，在發(fā)射稍高軌道衛(wèi)星時(shí)往往無法可控返回，比如在2016年，SpaceX的獵鷹火箭的第二級(jí)被遺棄在軌道上，一個(gè)月后在印尼上空再入大氣層，兩個(gè)冰箱大小的燃料罐沒有被燒毀到達(dá)了地面。2021年4月份，SpaceX的獵鷹火箭的第二級(jí)在華盛頓州墜毀。

但外媒在報(bào)道時(shí)往往對(duì)這些輕描淡寫一筆帶過，比如最早跳出來的紐約時(shí)報(bào)，隨后跟上的CNN，另外SpaceNews上也出現(xiàn)了類似的文章，隨著CZ-5 R/B返回的臨近，加入炒作的會(huì)越來越多。

他們忽略西方火箭的威脅，卻對(duì)CZ-5 R/B的再入大肆炒作！外交部發(fā)言人趙立堅(jiān)也說明了：CZ-5 R/B已經(jīng)做過特殊設(shè)計(jì)，再入返回時(shí)會(huì)更容易分解，絕大部分器件將在再入過程中燒蝕銷毀，對(duì)航空活動(dòng)及地面造成危害的概率極低。

就像夏天的蛙鳴一樣不影響我們建設(shè)天宮空間站，隨他們叫去吧！（完）

參考：

https://m.gmw.cn/baijia/2022-07/28/1303064127.html

https://edition.cnn.com/2022/07/26/china/china-wentian-space-debris-intl-hnk-scn/index.html

品：科普中國(guó)

制作：一顆青椒

監(jiān)制：中國(guó)科學(xué)院計(jì)算機(jī)網(wǎng)絡(luò)信息中心

大家在新聞中常常可以看到這樣的消息："我國(guó)在某衛(wèi)星發(fā)射中心用某型運(yùn)載火箭，成功發(fā)射了……"，這里的"某型運(yùn)載火箭"絕大部分是我國(guó)的"長(zhǎng)征"系列運(yùn)載火箭，例如昨天在文昌航天發(fā)射場(chǎng)成功發(fā)射我國(guó)新型載人飛船的"長(zhǎng)征五號(hào)B遙一"運(yùn)載火箭。

圖片來源：江程杰

不知你是否想過，為何我國(guó)的火箭以"長(zhǎng)征"為名？這些火箭又是如何命名的？

"長(zhǎng)征"與長(zhǎng)征

"長(zhǎng)征"——提起這兩個(gè)字，很多人的腦海里肯定會(huì)想到這兩件事情：一件是八十多年前紅軍那二萬(wàn)五千里的漫漫征途，再一件就是五十年來不斷將我國(guó)的衛(wèi)星和航天員送入太空的"長(zhǎng)征"系列運(yùn)載火箭。

在我國(guó)運(yùn)載火箭設(shè)計(jì)之初，第一批航天人受毛主席《七律·長(zhǎng)征》中表達(dá)出的紅軍為實(shí)現(xiàn)革命目標(biāo)不畏艱辛、頑強(qiáng)奮斗的精神啟發(fā)，提出了將我國(guó)運(yùn)載火箭命名為"長(zhǎng)征"的構(gòu)想，并獲得了上級(jí)的批準(zhǔn)。自那時(shí)起，我國(guó)的運(yùn)載火箭就被稱作"長(zhǎng)征"火箭了。

火箭型號(hào)中的數(shù)字、字母和關(guān)鍵字，都是什么意思？

從1970年到2020年，經(jīng)歷了半個(gè)世紀(jì)的探索與發(fā)展，我國(guó)"長(zhǎng)征"系列運(yùn)載火箭開枝散葉，發(fā)展出十幾種不同型號(hào)。為了方便區(qū)分，我國(guó)將不同型號(hào)的基礎(chǔ)型火箭命名為"長(zhǎng)征x號(hào)"，英文簡(jiǎn)稱就是"長(zhǎng)征"的拼音字頭"CZ"。

而由這些基礎(chǔ)型火箭改進(jìn)構(gòu)型而來的子型號(hào)，則命名為"長(zhǎng)征x號(hào)甲/乙/丙"等等，英文簡(jiǎn)稱就是"CZ-x A/B/C"。

此外，由于火箭在服役過程中得到一定改進(jìn)，但改進(jìn)幅度比較小，此時(shí)便直接在該型號(hào)火箭后面加一個(gè)"改"字，以表示其與之前型號(hào)的不同。

△火箭吊裝圖片來源：http://www.spacechina.com/n25/n2014789/n2014804/c2841871/content.html

舉個(gè)例子，長(zhǎng)征三號(hào)系列火箭中有長(zhǎng)征三號(hào)（CZ-3）、長(zhǎng)征三號(hào)甲（CZ-3A）、長(zhǎng)征三號(hào)乙（CZ-3B）和長(zhǎng)征三號(hào)丙（CZ-3C）四個(gè)型號(hào)，后面三個(gè)型號(hào)都是在CZ-3的基礎(chǔ)上通過改進(jìn)三級(jí)和捆綁不同數(shù)量的助推器實(shí)現(xiàn)的，所以都?xì)w入了長(zhǎng)征三號(hào)系列中。

而CZ-3B和CZ-3C這兩個(gè)型號(hào)又進(jìn)行過很多小改進(jìn)，如加長(zhǎng)助推器和一級(jí)、更新導(dǎo)航組件等；這一系列"小步快跑"式的改進(jìn)，則是直接在此型號(hào)后面加"改"字表示，如"長(zhǎng)征三號(hào)乙改一/改二"（CZ-3B G1/G2）等。

有時(shí)候在新聞中會(huì)看到"長(zhǎng)征x號(hào)"名字的后面會(huì)出現(xiàn)"遙xx"這樣的稱呼，這里的"遙"實(shí)際上是"遙測(cè)箭"的簡(jiǎn)稱。在火箭發(fā)射過程中，為了實(shí)時(shí)追蹤飛行狀態(tài)，需要在火箭上裝設(shè)遙測(cè)設(shè)備，裝有這些設(shè)備的火箭被稱為"遙測(cè)箭"。"遙"字后面的數(shù)字可以理解為是本型火箭生產(chǎn)編號(hào)，例如"長(zhǎng)征五號(hào)遙一（CZ-5 Y1）"就是第一枚長(zhǎng)征五號(hào)火箭，"CZ-5 Y3"就是第三枚等等。

火箭型號(hào)的數(shù)字越大，火箭越先進(jìn)/大/新嗎？

我國(guó)早期的運(yùn)載火箭發(fā)展主要是由衛(wèi)星的發(fā)射需求決定的。

上世紀(jì)60年代，為了將我國(guó)第一顆人造衛(wèi)星送入太空，在中遠(yuǎn)程彈道導(dǎo)彈的基礎(chǔ)上研發(fā)了CZ-1火箭；隨著近地軌道衛(wèi)星變得更大更重，中遠(yuǎn)程導(dǎo)彈的底子就有些力不從心了，于是在洲際導(dǎo)彈基礎(chǔ)上研發(fā)的CZ-2火箭應(yīng)運(yùn)而生。

圖片來源：http://www.xinhuanet.com/video/2019-09/19/c_1210285806.htm

到了70年代中期，我國(guó)同步軌道通訊衛(wèi)星計(jì)劃啟動(dòng)，火箭的飛行目標(biāo)從近地軌道提升至同步軌道。在CZ-2基礎(chǔ)上加裝三級(jí)的CZ-3和CZ-4應(yīng)運(yùn)而生，其中CZ-3采用了當(dāng)時(shí)技術(shù)較為先進(jìn)的液氫液氧燃料三級(jí)，同時(shí)，由于擔(dān)心CZ-3的三級(jí)研制難度過大而拖慢進(jìn)度，CZ-4則選取了難度相對(duì)較低的常溫燃料三級(jí)，兩種型號(hào)同步發(fā)展。

后來CZ-3和CZ-4的進(jìn)度都頗為順利，由于氫氧燃料第三級(jí)更適合發(fā)射同步軌道衛(wèi)星，CZ-3逐漸發(fā)展成了我國(guó)發(fā)射同步軌道衛(wèi)星的主力火箭。為了不浪費(fèi)CZ-4的現(xiàn)有成果，同時(shí)為了發(fā)射太陽(yáng)同步軌道氣象衛(wèi)星風(fēng)云一號(hào)，CZ-4進(jìn)一步改進(jìn)成為發(fā)射氣象衛(wèi)星的CZ-4A型火箭。

上世紀(jì)九十年代，隨著CZ-3B等一系列火箭的投入使用，中國(guó)完善了火箭體系，但同時(shí)也暴露出一些問題，包括燃料成本高昂且劇毒、直徑偏小、型號(hào)偏多和型譜重疊等。為了解決這些問題，新一代長(zhǎng)征五號(hào)運(yùn)載火箭應(yīng)運(yùn)而生。2006年立項(xiàng)之初，長(zhǎng)征五號(hào)計(jì)劃以5m直徑氫氧燃料芯級(jí)作為核心，通過靈活組合3.35m和2.25m兩種直徑的液氧煤油燃料助推器，來滿足不同運(yùn)力和不同軌道的發(fā)射需求。

例如,使用5m直徑一級(jí)捆綁4個(gè)2.25m助推器的一級(jí)半構(gòu)型，LEO運(yùn)力為10噸；換成4個(gè)3.35m直徑的大助推器，LEO運(yùn)力就能達(dá)到25噸。

在這些一級(jí)半構(gòu)型上添加氫氧二級(jí)，形成二級(jí)半構(gòu)型，長(zhǎng)征五號(hào)就能實(shí)現(xiàn)同步軌道發(fā)射任務(wù)，GTO運(yùn)力分別為6噸與14噸。

而這些助推器模塊獨(dú)立出來，也能形成新型小、中型火箭的衍生型號(hào)，它們能夠承擔(dān)其他運(yùn)力范圍的發(fā)射任務(wù)。

△長(zhǎng)征五號(hào)遙三運(yùn)載火箭在中國(guó)文昌航天發(fā)射場(chǎng)點(diǎn)火升空圖片來源：http://m.xinhuanet.com/2019-12/27/c_1125397319.htm

此后，長(zhǎng)征五號(hào)的方案經(jīng)歷過一些更改，到了2009年與2010年，原本作為長(zhǎng)征五號(hào)系列中衍生型號(hào)的小、中型火箭，分別獨(dú)立形成了長(zhǎng)征六號(hào)與長(zhǎng)征七號(hào)兩個(gè)新系列，長(zhǎng)征五號(hào)系列最初的6個(gè)方案中只保留了GTO與LEO運(yùn)力最大的兩個(gè)，就是現(xiàn)在的長(zhǎng)征五號(hào)和長(zhǎng)征五號(hào)乙型火箭。

長(zhǎng)征五、六、七號(hào)將作為我國(guó)未來航天發(fā)射的主力軍，"老長(zhǎng)征"系列或許會(huì)逐漸完成它們的歷史使命。

除了前述的液體燃料運(yùn)載火箭之外，我國(guó)利用新型固體燃料彈道導(dǎo)彈技術(shù)改進(jìn)的長(zhǎng)征11號(hào)、快舟系列運(yùn)載火箭以其快速響應(yīng)、快速發(fā)射的優(yōu)越特性，與同樣可以快速發(fā)射的CZ-6在近年來的小衛(wèi)星發(fā)射活動(dòng)中占據(jù)了一席之地，可謂"固液兩開花"。

如此來看,我國(guó)運(yùn)載火箭并不是數(shù)字越大，火箭越大、越先進(jìn)，而是根據(jù)型號(hào)立項(xiàng)時(shí)間的早晚和實(shí)際需求的變化綜合決定的。

我國(guó)運(yùn)載火箭發(fā)展歷程圖片來源：火箭照片來自百度百科、中國(guó)運(yùn)載火箭技術(shù)研究院，作者有加工。

從長(zhǎng)征一號(hào)到長(zhǎng)征十一號(hào)，中國(guó)航天事業(yè)歷經(jīng)了50年的艱難長(zhǎng)征，取得了一系列輝煌的成就。"實(shí)踐"、"風(fēng)云"、"神舟"、"北斗"、"嫦娥"、"天宮"、"天舟"、"悟空"、"墨子"……這些熟悉的名字經(jīng)由"長(zhǎng)征"系列運(yùn)載火箭的托舉，進(jìn)入了廣闊的太空之中。可以說，一代代"長(zhǎng)征"火箭，是一代代中國(guó)人艱苦奮斗、自力更生的回憶。

未來，我們將建設(shè)自己的空間站，取回來自月球的第一抔土，我們將向火星投送著陸器，我們還將飛出小行星帶，甚至還將要前往更加浩渺的星際空間中。我們還可能將在未來載人登月，新時(shí)代的"嫦娥"將踏足廣寒。

而始終不變的，是"長(zhǎng)征"火箭的呼號(hào)，是我們長(zhǎng)征太空的夢(mèng)想！

"待來日，去星辰大海，九天翱翔！"

文章僅代表作者觀點(diǎn)，不代表中國(guó)科普博覽立場(chǎng)

在線咨詢

上一篇：想轉(zhuǎn)換文件格式？收好這個(gè)免費(fèi)在線神器「cdkm」
下一篇：最快認(rèn)知什么才是HTML5廣告！