如何看待只用CSS畫圖？

01-05

如圖，這並不是PS合成的照片，而是僅僅一個DIV再加上神奇的CSS（background-image疊加）製作的圖片A Single Div 這是圖片鏈接。
只用div跟CSS就畫出了這麼好看的效果，但這樣畫起來跟直接來一張背景圖似乎費時費力，把設計師的工作給前端來做（我們前端就是畫網頁的！！！）？還是出於其他方面的考慮（帶寬？用於HTML5遊戲？）這樣做？

雖然炫技但炫的主要不是 CSS，美術功力更重要一些。同樣的東西用別的技術實現可能高效得多。

而且受 CSS 的技術限制，效果還可能比別的技術差。

就像你一個健全人，非要用腳彈鋼琴，我覺得你是挺屌的，但是你用手肯定彈得更好啊……

幾乎沒有實用價值。除非根本不知 performance 為何物...

玩一下倒是挺有意思的，炫技唄。

用簡單的border-radius,gradient background畫圖是可以的，減輕圖片載入。但是這種複雜圖形需要瀏覽器渲染，還不如SVG/CANVAS來的快。

最重要的是沒有DOM，無法做諸如動畫之類的後續操作

可以拿著去面試，炫技嘛。

同時得罪設計師和程序員系列，

費力不討好，I do because I can,沒啥意義。。你要是願意的話可以用CSS寫一個七巧板出來，但是有什麼實際價值呢。。再說了給一張足夠精細的png或者svg不才是正確的姿勢嗎。。。再不濟用點canvas也能解決啊。。。

在其位某其政，用正確的鑰匙開正確的門:P

就像家電商城裡放在冰箱裡面的塑料橘子，也就是看看的份罷了

這個就是一種實驗性的業餘項目啦，幾乎不會有人拿他當正式產品的代碼。

做這件事的人一定對前端技術（CSS）很有愛，才能自發去研究些有趣但「不實用」的東西。這和有的人痴迷樂高，有的人精通沙畫，有的人喜歡刺繡一樣，是一種「愛」。懂得人自然懂。

描述繪圖的步驟和自己存點陣圖哪個容量小，可想而知。現在電腦都很快了，繪製這些小兒科。

而且最大的遊戲點是，這些都是矢量圖，隨便怎麼放大。

純粹是為了練習代碼，加深印象。

然而並沒有什麼屌用

是發展。

看著NB而已吧，簡單的可以代替一些小圖片，比如畫一個原，沒必要搞個icon上去

純裝逼