CSS Background Patterns 提供純 CSS 背景圖案免費使用

CSS Background Patterns 提供純 CSS 背景圖案免費使用

適當的替作品加入背景,可增加作品的整體的滿意度,如果是網頁,以往因 CSS 語法在各家瀏覽器支援程度不一的情況下,多數會使用圖片來製作,不但前期製作麻煩,後續要維護也不容易,而如今瀏覽器與 CSS 標準逐漸統一,使用純 CSS 語法來製作背景圖對後續要更新維護也相對簡單,CSS Background Patterns 這個免費的線上服務,利用 CSS 語法做出多種樣式的背景圖案提供大家使用,使用者在該網站,可以更改背景圖案的前景色、背景色、透明度及圖案的濃密度,且每次更改會在該網頁的背景即時展示,讓使用者即時預覽,滿意就可以將該背景圖的 CSS 一鍵複製,方便使用者後續應用。

CSS Gradient Background Maker 漸層色 CSS 代碼產生器,適用 Firefox,IE,Chrome,Safari,Opera

CSS Gradient Background Maker 漸層色 CSS 代碼產生器,適用 Firefox,IE,Chrome,Safari,Opera

在網頁想要呈現顏色漸層的效果,為了避免各大瀏覽器版本所支援的 CSS 的問題,通常會使用圖片來解決,若是要使用 CSS 樣式表來呈現,則可以試試這個由微軟做的漸層色 CSS 代碼產生器,支援從各角度的漸層,適用 Firefox、IE、Chrome(10,11+)、Safari、Opera 等主流瀏覽器,簡單好用。

CSS Gradient Background Maker 微軟 CSS3 漸層背景產生器

CSS Gradient Background Maker 微軟 CSS3 漸層背景產生器

以往在網頁想要利用漸層的色彩來美化時,若要使用 CSS 需要考慮地的因素很多,各家瀏覽器所支援的語法也不盡相同,需要不斷的微調,最後乾脆使用圖片一勞永逸。現在 CSS3 開始普及,想要使用漸層色彩,越見方便,CSS Gradient Background Maker 是微軟所推出利用 CSS 語法漸層背景產生器,只要選好顏色,便能產生不同漸層方向,且支援 IE、Mozilla Firefox、Opera、Safari/Chrome 等瀏覽器的 CSS 語法。

HTML Table Styler 📅 CSS Generator 免費互動式的 HTML 表格與 CSS 線上程式碼產生器

HTML Table Styler 📅 CSS Generator 免費互動式的 HTML 表格與 CSS 線上程式碼產生器

對 HTML 的初學者來說,如果有 HTML 與 CSS 相關的工具來輔助入門,將可事半功倍,以網頁的製作來看,通常都少不了 table 與 div 的應用,如果要有些變化,就需要在色彩、框線、文字、背景等多加著墨,HTML Table Styler 📅 CSS Generator 是一個免費互動式的 HTML 表格與 CSS 線上程式碼產生器,透過操作方便的調整介面,就能產生出 Gradient、Box Shadow、Text Shadow、Color、Font、Table、Column Border、Border Radius、Transform、Background 各種樣式,每種均可產生 HTML、CSS Code,且可預覽,另外,針對 table 要改用 div 也提供轉換器,讓初學過程大幅減短,兼顧工作效率。

Enjoy CSS 線上 CSS 語法產生器

Enjoy CSS 線上 CSS 語法產生器

CSS 是可以用來排版與美化網頁內各種元素的腳本語法,不論是整體布局或是內含元素的美化,均需要透過 CSS來完成,而 CSS 語法說難不難,說簡單也不簡單,尤其是對專攻程式或初學者的用戶來說,還是有學習門檻的,但還好網路上這方面的輔助工具有不少,EnjoyCSS 便是其中的一個,透過該網站所設計的介面,使用者僅需調整所需要參數,便可以輕鬆產生網頁常用到的元素,像是文字、輸入欄、按鈕、區塊會使用到的 Text、Background、Shadows、Border and Radius、Transition、Transform 等效果的 CSS 或是 LESS、SCSS 腳本語法,且還提供各瀏覽器所支援的程度,讓你可以快速佈局到自己的網頁內。

ICONS8 AI Background Remover 線上圖片去背景免費服務

ICONS8 AI Background Remover 線上圖片去背景免費服務

即便是要去除背景單純的圖片,在以前都免不了要透過圖片編輯軟體去描出主角輪廓或是塗塗抹抹一番後,在細細修圖,說實在的還真是件不容易的事情,而如今,透過人工智慧的技術,圖片去除背景的操作步驟卻只剩上傳圖片與下載已去除背景圖片的操作步驟,網路上有很多類似這樣的服務,效果也不一,效果不好的不想用,效果好的沒多久就開始有限制,而 AI Background Remover 這個線上圖片去背景的免費服務,是由 ICONS8 提供,未註冊的使用者有三張圖片的限額,而只須透過電子郵件註冊後即可解除該限制,至於細部的處理效果好不好,我們可以從該網站還特別提供滑鼠指標放大功能,就可以窺知 ICONS8 對其圖片去背景的技術相當有信心,完全不怕使用者的檢視。

John’s Background Switcher 自動切換 Windows 桌面背景圖片(簡、繁體中文版)

John’s Background Switcher 自動切換 Windows 桌面背景圖片(簡、繁體中文版)

若覺得電腦桌面的背景圖片換來換去就是那幾張,實在有夠單調,想換,卻又不知道換甚麼好,這時候可以來安裝 John’s Background Switcher 這套可從多個來源(本機電腦、Google 圖片搜尋、Facebook、Flickr、Instagram、Rss、Vladstudio、500px、Phanfare、Dropbox......等)取得桌面背景圖片,並可自訂要切換的時間頻率,讓桌面背景圖片,時常都有新氣象。

Midjourney 如何讓 AI 依據文字描述產生精美圖片?

Midjourney 如何讓 AI 依據文字描述產生精美圖片?

Midjourney 是個可以根據文字描述創造圖像的免費應用,但因其建立在台灣相對陌生的 Discord 頻道上,故從註冊到可以使用過程步驟較多,但只要完成註冊,使用者就可以隨心所欲的用文字描述想要的圖片內容,然後交由 Midjourney 自動演算出成果,雖註冊到使用有些過程,但建立在 Discord 頻道上,也不是完全沒有優點,我們可以參考其他人如何用文字描述圖片內容,進而改進自己的文字描述技巧,從而產出更貼近心中所想的圖片。

Round It! 製作圓角圖片(免安裝)

Round It! 製作圓角圖片(免安裝)

使用數位相機所拍攝的相片,幾乎都是以直角來呈現,若想將其改為圓角,可以來試試 Round It! 這套免安裝又免費的圓角圖片產生器,可以處裡單張圖片,亦可整批處哩,圓角角度可自訂,另外亦可自訂背景顏色或使其透明與是否使用框線等,簡單實用。

RoundMyPic 線上將圖片圓角化,可自訂圓角角度、可縮圖、可加入浮雕效果

RoundMyPic 線上將圖片圓角化,可自訂圓角角度、可縮圖、可加入浮雕效果

RoundMyPic 與 Cut My Pic 線上可將相片進行裁剪、製作成圓角框及加入陰影的免費服務RoundPic 簡單實用的線上將照片修飾成圓角框,均有相類似的功能,也各有特色,對 RoundMyPic 所提供的服務來說,除了可自訂圓角角度及縮圖尺寸之外,較特別的是可加入浮雕效果,讓相片看起來更有立體感,對於做網頁美工的人員來說,也可以做出立體的 ICON 圖示。

RoundPic 簡單實用的線上將照片修飾成圓角框

RoundPic 簡單實用的線上將照片修飾成圓角框

看習慣了相片都是方角框了嗎?,若想將照片製作成圓角框,又無適合的工具,可來試試 RoundPic 這個免費的線上服務,除了可隨意選擇相片四個角是否要轉換成圓角外、還可選擇圓角的角度。另外 RoundPic 也提供自訂相片尺寸、自訂背景色及轉換成 PNG 圖檔格式,製作完成後,免註冊、免留資料就可下載回自己的電腦。相類似的服務,可參閱 Cut My Pic 線上可將相片進行裁剪、製作成圓角框及加入陰影的免費服務