我們將處理接下來的事情，就是對身體的背景。
這其實不是，雖然如果我們找到了一個看起來像這樣的會工作得很好的背景圖像。
但是，但它實際上是說CSX是增加了對我的漸變。
因此，在本質上，我們可以寫出線性漸變而非從頭開始編寫他們自己的，我要告訴你上有一些很好的預先做過色彩漸變一個很好的資源，我們可以與工作，我們可以更新和編輯我們擁有。
所以，這就是所謂的梯度點com。
然後有一堆不同的漸變我們可以使用箭頭鍵來看到其中的一些的。
於是我就經歷過，直到我發現一個，我很喜歡。
因此，讓我們說，我想用這一切，我們需要做的就是點擊Get綜援代碼或按下回車鍵，然後將此代碼複製到剪貼板，然後我們將選擇身體。
所以，身體和粘貼英寸
所以，它實際上只是一條線，但也有各種不同的瀏覽器前綴。
因此，對於Internet Explorer中火狐Chrome瀏覽器Opera的所有這些不同的前綴。
但是它做什麼。
我們正在制定的背景，線性漸變，我們正在挑選兩種顏色和這些顏色不同的百分比和也的角度。
因此，讓我告訴你它是什麼樣子，現在如果我們刷新我們的。
我們有這個漂亮的漸變。
因此，我們可以繼續玩了那裡。
您可以檢查出一些更多和隨意使用你自己的。
我決定對一個在這裡被稱為波拉波拉。
所以我們就複製複製到剪貼板並替換此代碼。
所有這一切都在這裡與新的梯度而這又是另一種線性漸變，別人寫了兩種顏色各不同的百分比。
我們會保存。
和去看看現在。
還有我們走。
所以我們越來越近了。
我們需要去努力的下一件大事是圖標。
因此，我們有一個加號圖標出現。
而這樣做是它顯示並隱藏窗體，然後我們有垃圾桶。
我可以看到，我們還需要包括那些圖標是一個名為字體庫的一部分。
真棒。
所以去字體真棒，只是谷歌的網站是豐泰真棒。
我讓她一
和所有它是一堆圖標的集合。
因此，讓我告訴你，如果我們看一下下的圖標有一個巨大的所有不同的圖標，我們可以使用，所以你可以看到列表中。
因此，我們需要包括我們的應用程序內的這個庫，所以我們可以去下載它的權利那裡點擊下載或者我們也可以做一個字體。
真棒CDN，只是使用這些CDN之一，也是。
任何一個會工作。
因此，對於各種緣故，因為他們已經下載了周杰倫的查詢，我將用光盤並在這裡複製鏈接。
然後我會去我的索引頁蒂莫，我需要添加一個鏈接標籤，因為它是綜援文件，因此它實際上不是一個JavaScript文件或字體，但它是一個C SS文件，我可以節省什麼，做它是實際上給了我一堆是預先建立和預做，我可以再添加元素，所以我會告訴你一些例子類。
如果你想用說的空電池或電池四分之三所有我們需要知道的是，該類稱為F A破折號電池破折號3破折號courters所以我們需要添加一個剛才複製的代碼在這裡的某個地方到我們的應用程序。
讓我們把它放在H-1。
這是一個眼睛標籤，它代表的圖標，我們給它一個類，我們不必把任何東西在這裡。
我們離開那個空的，這表示瑞凡真棒。
然後，這是圖標的名稱，將節省刷新和我們現在有電池圖標，而不是三季度電池圖標。
我們希望加號和垃圾桶，所以我們會在這裡走了過來，並在H-1內將保持圖標並保持F A類，但我們希望F.A.破折號加號和隨意使用自己的圖標。
如果你去尋找真棒，你會發現另外一個你喜歡的，因為我們也可以使用像鉛筆尋找圖標或鉛筆和紙之一，如果我是新鮮的，現在有哪些走進風格和移動的加號在右邊，我們需要為要做的就是選擇它第一次讓我們選擇的狗。
F A破折號加號和意志浮動權就這樣和刷新，它現在在正確的網站上。
現在讓我們來解決這個垃圾桶，我們不是要處理的動畫，只是還沒有。
我們只是要得到垃圾可以顯示一個X的根本上，而不是
因此，讓我們回去我們spand我們究竟要擺脫X的和跨度裡面，我們要增加一個電子標籤和電子標籤將有一類FAA和名稱垃圾桶圖標FAA Dasch垃圾，讓我們複製到其他範圍的，這僅僅是對現有的時候使用頁面加載，但我們得到了新的3垃圾桶。
我們仍然在對付前。
那麼接下來，我們要在這裡去到我們的JavaScript。
而當我們的筆新的，我們不希望用追加十跨度
要附加一個圖標，我們需要確保我們的報價不干擾。
因此，如果我們使用單引號那裡保存，現在我們應該有一個垃圾桶跨度內的圖標。
因此，讓我們添加了一些新的問題。
在那裡，我們走了。
我仍然可以點擊，因為他們仍然跨度內。
所以這是一個圖標元素，而不是一個跨度。
所以我點擊事件仍然工作。
現在，讓我們在這個簡單的動畫工作，這是所有用C做評估這裡的跨度實際上是隱藏在頁面加載時。
他們有豐富的為零。
然後當我將鼠標懸停我們實際上增加了寬度40像素，然後我們正在做它用的過渡性質的動畫。
所以，讓我們嘗試一些的。
打開我們的綜援文件，我們會做的第一件事就是風格跨度如此跨度，我們要給予他們一個背景顏色紅色這為e 7 4℃3℃，將刷新。
現在我們周圍的紅色背景。
我們要做的下一件事就是給他們的40個像素這似乎並沒有做太多尚未但是一旦我們一些更多的屬性添加，你會發現有不同的高度。
讓我們保證金增加20像素的權利並返回。
現在，讓我們，我們在這裡想要的空間。
接下來，讓我們給他們的文字居中對齊這僅僅是在這裡的跨度非常細微的差別。
裡面一個重要的圖標是使圖標過於白皙所以白色。
好吧。
所以我要告訴你如何讓他們看起來像這首沒有動畫，讓他們總是在那裡。
然後我們會得到他們的動畫，使它們隱藏，直到我們徘徊。
因此，我們正在接近，但我們需要這些垂直和水平佔用更多的空間。
所以，我要在一個有40個像素，最終我們要設置為零，在行塊設置顯示兩個附加。
我現在刷新。
而這看起來恰到好處。
所以，接下來的事情就是做動畫。
這是工作的方式我們實際上要設置寬度為零。
所以，所有這些跨度有一個零，直到我將鼠標懸停在一個盟友，然後我們增加與為40的跨度。
因此，讓我們做這件事情。
我要設定為零，那麼當我們將鼠標懸停在一個盟友，而不僅僅是跨度，但是當我們將鼠標懸停在一個盟友，我們要選擇的就是這樣的正上空盤旋一個盟友內部的跨度。
然後，我們將設定為40個像素就這樣。
讓我們回到我們自己的版本，並刷新。
你可以看到，跨度現在都沒有了。
當我將鼠標懸停在飛跨度出現，按鈕的作品。
所以接下來的功能得到它的動畫，使得它不只是瞬間呈現要做到這一點，我們將只使用過渡性質。
因此，對跨度，我們要添加轉場零點兩秒鐘，我們會做到線性剛剛提到這意味著它將以恆定速度移動的寬鬆政策。
還有我們走。
我們有漂亮的動畫。
目前，它在這裡打擾我這是該圖標仍然顯示，即使跨度為零像素寬一個小小的項目。
所以，這真的很難看到，但在這裡觀看的圖標。
它仍然存在，即使我沒有盤旋在它。
所以，我們要做的僅僅是設置不透明度上跨度為零，然後將其設置為一個，當我們徘徊。
所以，不透明度為零，然後不透明度，當我們徘徊1.0。
這應該照顧它。
所以現在我們不能看到的圖標。
在那裡，它是，然後消失，它淡出，以及因為過渡性質是影響一切。
因此，讓我們把它2.2秒，我會告訴你的。
注意它是如何淡入然後淡出。
所以這是一個非常緩慢的版本。
而我們只是做0.2。
還有，我們已經離開了這是，如果你看起來很密切在這裡或增加的大小還有就是輸入，然後這個列表中的UL差距很小一個小小的惱人的事情。
但是差距消失，當我現在集中出現紅暈。
然後當我不關注它回來。
因此，要解決這個問題，我們要添加一個邊陲那是看不見的實際這將有一台彩色R.G.只是一個邊陲0 0 0 0 0 0，我們就採取了相同的空間，當我們關注我們的邊界一樣。
因此，我們將回去喜歡哪我們這裡有，並給它三個像素堅實的R-嘎的邊界輸入。
0 0 0 0。
所以這將最終給我們一個無形的邊界。
不過，這裡的通知，我會馬上刷新一點差距消失。