關鍵應用
用EMail訂閱文章 用RSS訂閱文章 搜尋文章
˄

CSS Gradient Animator 利用 CSS 做出色彩漸層動畫

在網頁中使用動畫,通常都能吸引到用戶的目光,所以時常可以看到有些網站利用一些 gif 的動畫小圖示,放在希望能引起用戶注意的區塊中,CSS Gradient Animator 是一個以 CSS 語法來產生色彩漸層動畫為主的網站,使用的方式相當簡單,只要利用其設計好的介面點選所要的漸層顏色、漸層角度、滾動角度及動畫的速度等參數,設定好的漸層色彩效果,可以利用 Preview 功能,立即顯示在該瀏覽器的背景,且能自動幫產生相關的 CSS 語法,讓你方便應用到網頁中。

【CSS Gradient Animator 網站資訊】
網站語言:英文
服務性質:免費

如何使用 CSS Gradient Animator?

1.使用瀏覽器進入 CSS Gradient Animator 網站,就可以看到其背景的色彩漸層動畫。
ContentPhoto3105

2.可以調整漸層、滾動的角度,動畫的速度,在預設的情況下,也可以只按[ Add Colour + ]來選擇要漸層的顏色,而在其下可勾選要支援的瀏覽器。
ContentPhoto3105

3.按[ Preview ]後,會立即將所設計的色彩漸層動畫反映到背景,複製該語法就可以做後續的應用。
ContentPhoto3105

延伸閱讀

目前有0則留言
*暱稱:
*電子郵件: (不會公佈)
網址:
(1.請輸入完整網址含http:// 2.將會在暱稱後使用該連結)
*留言內容:

搜尋文章