2015-06-29 91 views
1

我想知道是否有一種簡單的方法來重新創建使用CSS3附加的圖像。創建CSS3的背景圖片

我已經包括此圖像作爲頁面背景,但告訴我有一個簡單的方法來創建一個使用CSS3這個圖像背景的資深開發者之一。

我以爲背景圖像可以使用CSS3可重複的模式來完成。但是這張圖片沒有任何我能看到的圖案。

這張圖片可能嗎? Background Image

+4

沒有,有沒有辦法可以用CSS3很容易地做到這一點(我甚至不能想辦法做這一切)。也許這位高級開發人員想到了SVG或HTML5 Canvas? – TylerH

+1

或者他可能是在引用base64映像。 – Wazaaaap

+3

將此圖像轉換爲SVG將相對於jpg,gif或png節省很多文件大小。它在任何尺寸下看起來都很脆,包括在視網膜屏幕上,這將是最大的優勢。 – m69

回答

2

我認爲這是有趣的實驗,但它不是務實。

您可以將圖像轉換爲CSS here。 PNG的效果最好。

警告,雖然,你會得到噸的HTML + CSS的行創建此圖像。它會出現像素完美的。我也會提醒你,我試着將它上傳到Jsfiddle,Jsbin和Codepen--它們都會掛起。 Pen加載後,我無法保存,因爲它大於1MB。

This is what my text editor looks like with your image converted to CSS though.

這是僅供參考。是的,你可以轉換爲CSS,但這並不意味着你應該。我想這可能對電子郵件等有用嗎?但不適合大圖片。

乾杯!

+0

謝謝你的洞察力。我能夠說服sr開發者使用SVG。 – InvisibleDev