分享到 Facebook 分享到 Google+
▌訂閱、追蹤本站最新文章

img2css 圖片轉 CSS 語法產生器

圖片想要在網頁上呈現,多數的作法都是直接使用 HTML 語法的 <img> Tag 來實現,而 img2css 這個網站,卻可以將圖片全部轉成 CSS 語法,再透過 <div> 的 style 屬性來呈現,完全不需要靠原始圖檔,就能在網頁上完整的呈現該圖片,當然,越是複雜的圖檔,產生的 CSS 語法就越多。

【img2css 網站資訊】
網站語言:英文
服務性質:免費
 如何使用 img2css 來產生圖片的 CSS 語法?

1.使用瀏覽器進入 img2css 網站,將圖片使用滑鼠拖拉到虛線框內或使用滑鼠點擊虛線框內任意處來選擇要上傳的圖片。
ContentPhoto2471

2.接下來就會自動產生圖片的 CSS 語法。
ContentPhoto2471

3.複製該 CSS 語法,便可貼到網頁要呈現處。
ContentPhoto2471


※上圖的原始圖片在 「Google 定位紀錄」在地圖上清楚的呈現每天行經路線與時間
延伸閱讀
§歡迎加入臉書粉絲團 §歡迎加入Google+社交圈
目前有0則留言
*暱稱
*電子郵件 (不會公佈)
網址
(1.請輸入完整網址含http:// 2.將會在暱稱後使用該連結)
*留言內容