動畫是人類畢生的理想之一（如果像某些曆史學(xué)家相信的那樣(yàng)）。這(zhè)個理論源起(qǐ)于洞穴壁畫：在某些洞穴壁畫中，經(jīng)常見到一些生物被(bèi)畫上遠多于正常數量的肢體。

這(zhè)背後(hòu)有很多套理論。有些指出這(zhè)很簡單，因爲藝術家們并沒(méi)有方法可以擦除這(zhè)些肢體，于是將(jiāng)他們的錯誤留在壁畫上，傳給了子孫。還(hái)有理論相信，這(zhè)些是最早的試圖在靜止圖像中捕捉動态的方法。我選擇相信後(hòu)者。

還(hái)有比捕捉動态更加自然的願望了嗎？自然界的一切都(dōu)在運動。人在行走，水在流動，植物開(kāi)枝散葉，自然界唯一不變的就是變化，以一種(zhǒng)運動的形式。有些在模糊中一閃而過(guò)，有些則慢到難以察覺，但這(zhè)些都(dōu)在發(fā)生。

動畫對(duì)于網頁設計師已經(jīng)不再新奇……它正在成(chéng)爲最基礎的交互設計效果。

動畫就是變化，是一種(zhǒng)運動。它是我們藝術創作中最接近真實反映生活的東西。這(zhè)就是爲什麼(me)人們總是說“動畫使我們的網站（或是演講，諸如此類）鮮活起(qǐ)來。”這(zhè)可能(néng)是陳詞濫調了，但這(zhè)個詞很優美地呈現了動畫在網頁設計中的目的。

正确使用運動感，可以告訴用戶他們完成(chéng)了某些操作。他們成(chéng)功地與界面(miàn)進(jìn)行了交互，引發(fā)了某些變化。

人們與真實物體互動時，也會觸發(fā)并體驗到相同的感覺（至少是類似的感覺）。就某種(zhǒng)程度而言，動畫是拟物的。沒(méi)錯，我說的就是拟物。

使用得當時，動畫可以被(bèi)設計成(chéng)模仿真實世界的交互。我們似乎在原地打轉。可能(néng)我們不會再過(guò)多使用複雜的皮革紋理，但我們仍然在嘗試效仿現實世界。

網頁動畫簡史

在進(jìn)入實用部分之前，我們看看互聯網上的動畫是如何發(fā)展到今天（這(zhè)麼(me)酷）的。最初一切都(dōu)誕生于gif圖……

原來.gif文件年齡甚至比我還(hái)大2歲。它們在1987年被(bèi)創造，正是早年我們剛知道(dào)（或多或少）互聯網的時候。因此開(kāi)創了跳舞嬰兒的紀元，那些東西太可怕了，還(hái)是忘了好(hǎo)。

如果gif圖的流行告訴了我們什麼(me)，那就是人們想要將(jiāng)動畫引入網頁中。在此提醒一下，多數人可能(néng)并沒(méi)有從改善可用性的方式考慮動畫。一切都(dōu)隻是爲了産生一點個性，表現一點生機，與其他靜止的網頁區分開(kāi)。

現在正是關注網頁動畫與App動畫的最佳時機。

當.gif文件的能(néng)力耗盡後(hòu)，人們想要一種(zhǒng)更好(hǎo)的方式，來向(xiàng)網站中添加動畫。對(duì)，聲音！聲音太棒了。如果人們打開(kāi)你的網頁，開(kāi)始播放你最喜歡的歌曲，這(zhè)得有多棒啊？要像真正的歌曲……而不是那種(zhǒng)破爛電腦音樂，對(duì)吧？

是FlAsh讓我們艱難地學(xué)到了這(zhè)個教訓。但是别忘了FlAsh在它所處的年代是相當驚豔的。實際上它是一種(zhǒng)革新。它是一種(zhǒng)進(jìn)步。它非常酷。

無論後(hòu)來它被(bèi)如何濫用，要知道(dào)FlAsh讓我們在互聯網中做一些從沒(méi)想過(guò)的事(shì)情。它拓寬了創意的視野，爲人們在一個嶄新的行業創造了工作機會，帶來了“網頁動畫”和90年代最棒的東西（除了天堂）：FlAsh遊戲。甚至直到現在，我都(dōu)覺得那些遊戲使人入迷。

随著(zhe)時間推移，很多設計師轉移到基于JAvAscript的動畫上，用于創造一些小東西，比如下拉菜單和其他導航元素。畢竟如果做得恰當的話，這(zhè)更有利于SEO。其他人隻用JAvAscript是因爲，那正是FrontPAge和DreAmWeAver調用按鈕圖片的方式。微小的進(jìn)步仍然是進(jìn)步。

00年代中旬，W3C已經(jīng)在努力將(jiāng)動畫加入到CSS規範中。2009年，首份公開(kāi)的CSS動畫規範初稿就發(fā)布了。

如今呢？我們探索出了強制硬件渲染、CSS動畫結合SVG文件、延伸基本動畫功能(néng)的JAvAScript庫，等等。

現在我們正在探尋各種(zhǒng)方式，不僅僅是爲網站增添風格。我們在試圖改善可用性，告知并教育用戶，讓用戶更容易了解他們在做什麼(me)。

對(duì)于網頁設計師，動畫不再是新奇事(shì)物。它成(chéng)爲了影視行業的基礎，一種(zhǒng)全新的叙事(shì)方式。對(duì)我們而言，它成(chéng)爲了有效交互設計的基礎。

coffee

現在正是關注網頁動畫與App動畫的最佳時機。科技尚沒(méi)有完全成(chéng)熟（什麼(me)時候會呢），也無法提供全方位支持（何時能(néng)夠呢），但我們在探尋新的方式將(jiāng)它呈現在世人面(miàn)前，無需通過(guò)插件或是專用代碼。

内蒙古網站制作，内蒙古網站設計，内蒙古網站建設，呼和浩特網站建設，呼和浩特網站制作、呼和浩特網站設計首選内蒙古呼和浩特先誠網絡科技公司。先誠官網：/

我們越是以開(kāi)放的動畫标準爲基礎，越多的人就能(néng)首先看到。近年來人們專注于運用動畫驅動交互，這(zhè)是一件非常非常好(hǎo)的事(shì)情。

是時候成(chéng)爲先行者了。

網頁動畫的種(zhǒng)類

回到正題。我們在談論的是哪種(zhǒng)動畫？我的意思是，我說了很多關于使用動畫改善用戶界面(miàn)的言論，那些究竟是什麼(me)意思？

很顯然，我們不能(néng)將(jiāng)動畫效果随手加于網頁元素之上，然後(hòu)期盼它能(néng)提升轉化率。那太傻了。就像設計的所有其他方面(miàn)，使用哪種(zhǒng)動畫，何時使用，這(zhè)都(dōu)需要仔細考慮。

實際細節與實現也是必須考慮的。如果你的動畫過(guò)于耗費資源，拖慢用戶的移動設備，或者更糟的是拖慢他們的桌面(miàn)設備，這(zhè)就有問題了。很多問題。

我們由此入手，看看網頁上幾種(zhǒng)典型的動畫：

界面(miàn)元素動畫

我不知道(dào)這(zhè)是不是最普遍的一類動畫，不過(guò)我猜是的。它應該獲此殊榮。在我的觀念中，這(zhè)是最有用的動畫類型。

正如我在介紹中說的，這(zhè)是一種(zhǒng)讓用戶了解他們的操作（比如點擊）被(bèi)記錄的動畫。變化的發(fā)生需要他們的點擊來催化，無論是轉向(xiàng)另一個頁面(miàn)，打開(kāi)側邊欄或模态窗口，還(hái)是在客服窗口中發(fā)送電子郵件。

不是說有反饋更好(hǎo)，而是如今反饋是必須的，這(zhè)是個扁平化設計的世界。人們需要了解界面(miàn)與裝飾物之間的區别。讓元素運動起(qǐ)來，是簡單微妙的交互方式，給予用戶他們所需的反饋。

它就像改變按鈕背景色或讓它跳動那麼(me)簡單。這(zhè)個類型也包含了側邊欄菜單“滑入”頁面(miàn)的動畫，還(hái)有模态窗口放大顯現的動畫。

這(zhè)個也是，同樣(yàng)是爲了給用戶提供反饋。這(zhè)類動畫，會在某些操作正在後(hòu)台進(jìn)行時呈現給用戶，你可不想讓他們等到崩潰。

這(zhè)類動畫的作用很久以前就得到了印證，就在圖形化用戶界面(miàn)首次發(fā)明的時候。最早的方式是鼠标指針變成(chéng)沙漏，還(hái)有進(jìn)度條也是。Apple在某時刻采用了“旋轉的沙灘排球”，而windows則呈現了文件優雅地從一個文件夾飛向(xiàng)另一個。

這(zhè)些慣例第一時間就被(bèi)網頁采用了，理由很充分。當用戶開(kāi)始疑惑正在發(fā)生什麼(me)時，他們會一直點擊或點按。這(zhè)是沮喪的一種(zhǒng)表現。他們認爲這(zhè)樣(yàng)會讓進(jìn)度加快一點。

無論哪種(zhǒng)方式，告訴用戶正在發(fā)生的事(shì)情，哪怕通過(guò)一個簡單的進(jìn)度條，也能(néng)極大減輕精神負擔……即使對(duì)于我們這(zhè)些使用電腦很久的用戶也是一樣(yàng)。

Beegit是一款寫作應用，我用它來撰寫和編輯這(zhè)篇文章。它提供了一個便捷的“進(jìn)度圈”，告訴我圖片何時會上傳完成(chéng)，在模态窗口的左上角可以看到：

如今，用動畫來講故事(shì)已經(jīng)超越了卡通。實際上，我要講的完全不是那些動畫。而是那些被(bèi)設計出來與用戶互動（比如向(xiàng)下滾動）的網站，操作引發(fā)了動畫，講述了故事(shì)。

有些普遍例子，那些頁面(miàn)會在你眼前將(jiāng)産品“裝配”起(qǐ)來，以此展現新産品。其他則更像卡通片，有個小卡通形象跟随你到頁面(miàn)的每個地方。

這(zhè)些動畫的作用……存在争議。通常它們并沒(méi)有提升可用性的意圖，隻是爲了讓用戶印象深刻，爲他們提供頁面(miàn)主題相應的環境。它們可能(néng)是在試圖呈現一件産品的工藝，或是分享打造這(zhè)件創造物的經(jīng)曆。

動畫能(néng)否做到這(zhè)點，取決于它們本身的質量。是否過(guò)度影響了網站的性能(néng)，或是影響了頁面(miàn)内容本身。如果用戶在網站上找不到自己要的東西，世上所有的動畫效果都(dōu)救不了它。

有兩(liǎng)個案例我的确很喜歡，它們來自深谙此道(dào)品牌：Apple和Sony。

MAc Pro的頁面(miàn)，緻力于向(xiàng)下滾動時精确呈現内部構造：

同時，在Sony網站中，他們展現了多款不同設備。當然，“裝配感”并沒(méi)有那麼(me)強烈，各部分相互撞擊，在火焰效果中成(chéng)型。

無論好(hǎo)壞，有些人在網站上加入一些沒(méi)有目的的動畫，隻是爲了讓人看到。這(zhè)值得嗎？

值得，也可以說不值得……

我會盡量避免，因爲它使人分心。你想要人們的視線集中在商品信息和購買按鈕上。讓他們來此達成(chéng)目的。如果網站沒(méi)有提供特定的目标，或者确定目标時過(guò)于使人分心，他們就不會再回來了。

裝飾性的動畫應該完全隐藏起(qǐ)來。在人們完成(chéng)行動召喚後(hòu)再展現出來。還(hái)可以包含微妙的動畫，隻在用戶觸發(fā)某個特殊操作時才展現，比如鼠标懸停在頁頭和頁尾的某個小物件上面(miàn)。

在WDD網站中，鼠标懸停在logo上會讓它動起(qǐ)來，雖然這(zhè)點尚存争議。因爲logo是個鏈接，并非純裝飾物，但它仍然是個不錯的例子。Google随便一搜，就會找到很多帶有彩蛋的網站（比如跳出一隻哥斯拉并且咆哮怒吼……我不是在開(kāi)玩笑）。

在任何頁面(miàn)一路滾動到最底部，會出現一隻友善的恐龍“給你拍照”。而且在有氣球的頁面(miàn)上，畫面(miàn)中的氣球會微妙地來回飄浮。

廣告中的動畫，可以說：内心抗拒，錢包卻不聽使喚

廣告。對(duì)于某些網站來說就是他們收入來源（咳咳），對(duì)于另一些網站則如同瘟神。給廣告加上動畫，duAng！視線就被(bèi)吸引過(guò)去了，違背了本意。這(zhè)是個條件反射動作。

再加入聲音，用戶會感到強烈的憎恨……這(zhè)也是條件反射。

但這(zhè)幾乎無法避免。如果想讓人看廣告，讓它動起(qǐ)來就是個好(hǎo)方法。這(zhè)可能(néng)在某些自我标榜“不喧賓奪主”的廣告平台那裡(lǐ)不受歡迎，但如果動畫廣告不起(qǐ)作用，我們就不需要它們了。

不過(guò)這(zhè)種(zhǒng)動畫也有著(zhe)與裝飾性動畫相同的問題：將(jiāng)用戶的注意力從主要任務上分散開(kāi)。這(zhè)個在線銷售的世界，分心就意味著(zhe)死亡。

最終，衡量利弊還(hái)取決于你。沒(méi)有廣告、低調的廣告、或是動畫廣告，都(dōu)需要權衡。

你可能(néng)注意到了，我前面(miàn)一直沒(méi)提過(guò)啓動界面(miàn)動畫。那是因爲我覺得大家都(dōu)已經(jīng)很了解了。

動畫的實現

技術實現方面(miàn)也很重要，但無論你用.gif圖、視頻、CSS、SVG、甚至FlAsh（天哪），都(dōu)有一些更重要的原則。暫時忘掉你打算使用的技術與技巧，再多做一些理論儲備。用戶會感謝你的。

性能(néng)，性能(néng)，還(hái)是性能(néng)

你會想，“當然，這(zhè)很明顯。動畫應當運行流暢，不能(néng)卡頓。”正确，這(zhè)在理論上确實顯而易見。但問題是我仍然能(néng)看到一些網站，雖然用最新技術構建，動畫卻很卡。

我的NvidiA GTX 750 TI顯卡要200美元。你的動畫沒(méi)理由卡。最近有些網站讓我覺得，“《上古卷軸》運行也比這(zhè)流暢。”我沒(méi)有開(kāi)玩笑說大話。

現在，想象一下在低分辨率的平闆或手機上，浏覽那些網站是什麼(me)樣(yàng)子。一方面(miàn)，這(zhè)是個檢驗個性的方法，但另一方面(miàn)，它無法給這(zhè)些龜速網站帶來任何業務。如果你的印象中隻有卡頓的動畫，或者壓根沒(méi)有動畫，那還(hái)不如讓界面(miàn)元素直接各就各位。

這(zhè)就是說，那些加入了諸多動畫和特效的網站也不怎麼(me)樣(yàng)，它們需要加載界面(miàn)和進(jìn)度條。沒(méi)有人在看到想要的信息前，有義務等待動畫加載。讓人等待，就是你業務流失的方式。

我們將(jiāng)這(zhè)些分成(chéng)幾點：

如果《上古卷軸》比網站的桌面(miàn)端運行更流暢，那很糟糕。

如果用戶看到主頁前要等待加載動畫，那相當糟糕。

在此我要給出一點技術層面(miàn)的建議：考慮了硬件加速和性能(néng)之後(hòu)，CSS幾乎總是優于JAvAScript。有選擇時，使用基于CSS的動畫，將(jiāng)JS作爲備選。

從細微處開(kāi)始

將(jiāng)動畫當作設計工具而非樣(yàng)式表現時，最好(hǎo)從細微處著(zhe)手。比如，微小低調的動畫表現更好(hǎo)（見上一章）。第二，巨大炫目的動畫必須帶有實用的目的，不能(néng)隻爲了“好(hǎo)看”。

除了那些讓UI元素感覺“真實”和接近自然的動畫，多數網站都(dōu)不需要任何動畫。想像一下婚禮上撒米祝福的場景，加入那種(zhǒng)視覺差滾動效果之前，問問自己，它真的改善了用戶的體驗嗎。巨大炫目的東西在屏幕上四處移動，比常規文字和美麗的圖片更能(néng)告知和引導用戶嗎？

多數情況下，答案很可能(néng)都(dōu)是“不”。當然也會有例外。例外總是會有。但多數時候，讓按鈕動起(qǐ)來，讓隐藏的導航條滑入，用動畫移除發(fā)送客服郵件後(hòu)的成(chéng)功提示，這(zhè)就足夠了。

微妙是好(hǎo)設計的關鍵，這(zhè)點往往被(bèi)低估。以此爲起(qǐ)點，然後(hòu)如果你能(néng)确信，更大更閃耀的東西在用戶體驗方面(miàn)更符合你的目标，那麼(me)再全力以赴！

持續時間要短，或者說：我覺得有必要加快速度

動畫要快，準确的說，應該發(fā)生得快。這(zhè)裡(lǐ)我不是在說性能(néng)，而是一個物體在運動過(guò)程中實際耗費的時間。

想想我們如何與真實物體互動。有時候我們動作很快，有時慢。我們操作物體的速度，取決于它的尺寸。是順手而爲的任務，還(hái)是像端著(zhe)滿滿一碗水那樣(yàng)。通常我們會很快地拿起(qǐ)物體，快速移動。單個動作可能(néng)發(fā)生在毫秒間。

在我們度量界面(miàn)動畫時，“毫秒”是最通常的度量單位。再長(cháng)的話，人們就會開(kāi)始對(duì)機器或産品、或是兩(liǎng)者失去耐心。得确保它夠短，不然讓人感覺遲鈍。

對(duì)于人們反複使用的産品，這(zhè)點尤其正确。即使某個動畫相當有趣好(hǎo)玩，第10次看到時也會失去吸引力。它隻是個跳動的按鈕或是滑動菜單，而不是你最愛的電視節目的片頭。沒(méi)有人會爲此随聲附和。

有時要讓物體具有彈性

真實物體都(dōu)會回彈。有些并不明顯，但基本上所有的物體都(dōu)有一點彈性。如果將(jiāng)它從足夠高的地方扔向(xiàng)堅硬的表面(miàn)，而且如果沒(méi)有太大的空氣阻力的話……總之你懂我意思。

與UI元素交互就像在操作硬質的小物體。將(jiāng)它們抛到一邊，它們回彈一點。扔下去，也會回彈一點。

因此這(zhè)很有幫助，适當時候讓你的動畫“回彈”，尤其是當它們垂直移動的時候。這(zhè)都(dōu)是在維持運動感。

物體不會突然停止

移動中的物體需要一些時間才能(néng)靜止。靜止物體需要一定時間加速。耶，物理現象！

所以，當你使物體移動或停止時，記得給他們一些時間（以毫秒計）來減速或加速。這(zhè)個叫(jiào)做“緩動”，這(zhè)個功能(néng)被(bèi)置入了CSS中。

鏈接

終極指南如果沒(méi)有一個滿是鏈接的章節，就是不完整的。下面(miàn)來了。我們整理了一些文章鏈接，圍繞網頁動畫背後(hòu)的基本理論、入門教程，還(hái)有大量案例。請盡情享用。

網頁動畫理論

開(kāi)始做動畫前還(hái)想了解更多信息？沒(méi)問題。這(zhè)兒有一大堆聰明人的建議，其中一些還(hái)對(duì)網頁動畫的未來作了預測。

AnimAtion Principles for the Web 這(zhè)篇文章圍繞CSS動畫。描繪了運動物體背後(hòu)最基礎的原則。仔細看看他們網站的其餘案例、教程和郵件課程。（不過(guò)，郵件課程是收費的）

Invisible AnimAtion Steven FAbre告訴我們動畫要如何像設計本身那樣(yàng)，基本不可見。讀了之後(hòu)你就不會覺得這(zhè)句話矛盾。快去吧。

Will AnimAtion be the big UI trend of 2015? 對(duì)于動畫的指導原則做出了一些很棒的推測性的闡釋，如果再短點就好(hǎo)了。

The Role of AnimAtion in Web Design 另一則簡單基礎的建議。短小精悍，當你每次需要做出動畫方面(miàn)的重要抉擇時，都(dōu)值得回來重讀一遍。可以將(jiāng)它作爲記錄思想的便條。

The StAte Of AnimAtion 2014 RAchel NAbors出品，一套非常棒的總覽，（或多或少）講述了網頁動畫是如何完成(chéng)的。你還(hái)會見到她的名字好(hǎo)幾次，因爲她是這(zhè)個領域的專家。

Five WAys to AnimAte Responsibly RAchel NAbors的又一篇幹貨（我早說過(guò)還(hái)會看到她的作品……）。這(zhè)篇中，她重溫了5種(zhǒng)加入動畫同時不會疏遠用戶的方法。

教程

關鍵在這(zhè)裡(lǐ)！學(xué)習更多你想都(dōu)沒(méi)想過(guò)的CSS屬性。學(xué)習eAseIn和eAseOut的區别——其實我也要查閱一下。

4 Simple CSS3 AnimAtion TutoriAls 跳過(guò)簡介部分，直達幹貨，如果這(zhè)樣(yàng)符合你習慣。我在下面(miàn)還(hái)包含了很多引導性的教程。如果你想直接看一些基礎代碼，請由此開(kāi)始。

A Beginner’s Introduction to CSS AnimAtion 正如标題所描述的。隻要你有基礎的HTML和CSS知識，就能(néng)跟上這(zhè)個教程，掌握一些有用的基于CSS的動畫知識。

The Guide To CSS AnimAtion: Principles And ExAmples SmAshing MAgAzine爲讀者奉獻了大量的基本動畫。這(zhè)是簡單卻有價值的知識。

FlAshless AnimAtion 又一篇很好(hǎo)的CSS動畫介紹，傳奇的RAchel NAbors出品。沒(méi)錯，它是2012年的文章，但那時與現在的唯一區别，是她提供的技巧如今得到了更多浏覽器的支持。

Codrops tutoriAls 我說真的，Codrops的這(zhè)些家夥，推薦多少次都(dōu)不爲過(guò)。他們創作了大量的案例、概念樣(yàng)品、靈感收集，當然還(hái)有教程。他們熱愛動畫，并且做了許多來分享他們的愛好(hǎo)。

這(zhè)裡(lǐ)是一些他們創作的動畫相關的教程：

Tilted Content Slideshow

PAge PreloAding Effect

Sliding HeAder LAyout

PlAyful TrAmpoline Effect

How to CreAte (AnimAted) Text Fills

CSS3 TrAnsitions, TrAnsforms, AnimAtion, Filters And more! 深入全面(miàn)的交互教程，大量生動的案例。當你完成(chéng)了大部分基礎教程，可以來這(zhè)裡(lǐ)看看。它給你很多用于練習的創意。

TrAnsitions & AnimAtions 一篇簡易CSS動畫教程，特别關注trAnsition和相關屬性。

ShAking Up The Web With CSS3 (How To MAke Links ShAke) 重點講述晃動物體的教程。我是指……看看就知道(dào)了。

High PerformAnce AnimAtions 這(zhè)篇教程由衆人愛戴的PAul Lewis和PAul Irish聯合創作完成(chéng)，關注如何在不拖慢浏覽器的情況下完成(chéng)動畫。由于這(zhè)點在移動端尤其重要，很值得一讀。

TutoriAl: Using AnimAtion-fill-mode In Your CSS AnimAtions 在學(xué)了這(zhè)麼(me)多讓物體運動的方法後(hòu)，還(hái)可以學(xué)著(zhe)處理那些尚未移動、或是運動完成(chéng)的物體。有時候樣(yàng)式會很棘手，這(zhè)就是爲什麼(me)需要AnimAtion-fill-mode屬性。

KeyfrAme AnimAtion SyntAx css-tricks.com提供的一些非常有用的片段。不記得如何設定keyfrAme來達成(chéng)目标？收藏這(zhè)篇，就再也不用擔心了。

A Look Into: Cubic-Bezier In CSS3 TrAnsition 這(zhè)篇完全是關于時間。我是指動畫字面(miàn)意義的時間。更确切的說，是講述使用貝塞爾曲線來使動畫節奏适中。

彈跳物體！ 我發(fā)現兩(liǎng)個不同的教程，講述如何打造彈跳動畫。每個都(dōu)采用了不同的方式，有一些其他所沒(méi)有的内容。猶豫不決之餘，我幹脆把兩(liǎng)者都(dōu)放出來。

CreAte A CSS Flipping AnimAtion CSS TrAnsitions, TrAnsforms & AnimAtions – Flipping CArd

AnimAting CSS3 GrAdients 多數動畫教程都(dōu)假定你是要改變物體的幾何形體或在頁面(miàn)上的位置。這(zhè)篇則教你如何改變他們的内部……在本例中是指漸變。

注：本文均來自百度搜索，如涉及版權問題，請聯系我們，我們會第一時間解決。