我想知道是否有一種簡單的方法來重新創建使用CSS3附加的圖像。創建CSS3的背景圖片
我已經包括此圖像作爲頁面背景,但告訴我有一個簡單的方法來創建一個使用CSS3這個圖像背景的資深開發者之一。
我以爲背景圖像可以使用CSS3可重複的模式來完成。但是這張圖片沒有任何我能看到的圖案。
這張圖片可能嗎?
我想知道是否有一種簡單的方法來重新創建使用CSS3附加的圖像。創建CSS3的背景圖片
我已經包括此圖像作爲頁面背景,但告訴我有一個簡單的方法來創建一個使用CSS3這個圖像背景的資深開發者之一。
我以爲背景圖像可以使用CSS3可重複的模式來完成。但是這張圖片沒有任何我能看到的圖案。
這張圖片可能嗎?
我認爲這是有趣的實驗,但它不是務實。
您可以將圖像轉換爲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,但這並不意味着你應該。我想這可能對電子郵件等有用嗎?但不適合大圖片。
乾杯!
謝謝你的洞察力。我能夠說服sr開發者使用SVG。 – InvisibleDev
沒有,有沒有辦法可以用CSS3很容易地做到這一點(我甚至不能想辦法做這一切)。也許這位高級開發人員想到了SVG或HTML5 Canvas? – TylerH
或者他可能是在引用base64映像。 – Wazaaaap
將此圖像轉換爲SVG將相對於jpg,gif或png節省很多文件大小。它在任何尺寸下看起來都很脆,包括在視網膜屏幕上,這將是最大的優勢。 – m69