Color gradient generator 漸層色彩 CSS 語法產生器

Color gradient generator 漸層色彩 CSS 語法產生器

漸層色彩在視覺上可以產生層次感,這對常看單一顏色的人來說,會更加有吸引力,以往要做出漸層色,設計師都會傾向於使用圖片,原因在於各家瀏覽器對 CSS 所支援的程度不相同,造成觀感不佳的問題,而如今瀏覽器對 CSS 3 基本上都支援的情況下,要達成純 CSS 語法就做出漸層色也變得相對簡單。Color gradient generator 這個免費網站提供 light、deep、rainbow 及 intense 四種漸層樣式、漸層方向、漸層大小等可視化工具讓讓用戶自行調整,完成後,就可產生 CSS 語法。

§相關文章,還可以參閱:

如何使用 Color gradient generator 產生漸層色彩的 CSS 語法?

1.使用瀏覽器進入 Color gradient generator 網站,就可以開始調整參數列,每次調整都可以立刻在反映在圓形球體上。

Color gradient generator 漸層色彩 CSS 語法產生器

2.將滑鼠移到裝載圓形球體的白色框中,點擊在左下角出現的圖示按鈕,就可以自選顏色。

Color gradient generator 漸層色彩 CSS 語法產生器

3.點擊[ SELECT GRADIENT ],可以選擇漸層模板。

Color gradient generator 漸層色彩 CSS 語法產生器

4.最後,點擊[ GET CSS CODE ],便可產生CSS 語法。

Color gradient generator 漸層色彩 CSS 語法產生器

做了響應式網頁,該如何能夠看出其在不同螢幕尺寸下應有的效果呢?everysize 是個可以讓用戶選擇像是 iPhone、iPad、Google Pixel 等裝置的尺寸或是手動調整螢幕尺寸來呈現網頁的免費網站,不同以往看到的類似網站,該網站在呈現網頁後,用戶是可以直接操作非靜態的。

用手機、平板、電腦或使用聯網電視開啟瀏覽器後,就能免費看盡各國連續劇、電影、動漫或綜藝節目,相信是很多人的希望,而 xiaohu.tv 這個免費的影音網站,正是可以滿足前述希望的影音網站,該網站不論從布局、風格及收看線路應該可以判定就是 <a href="/3313/">balatutu</a> 網站的分支,會追劇、喜愛看電影的朋友,「小虎 TV」可不要錯過喔!