Menggambar dengan CSS

Awalnya css digunakan untuk lay out sebuah website agar tampilan menarik,namun ternyata semakin berkembangnya tehnology css hingga kini CSS3 banyak sekali tambahan-tambahan yang menakjubkan,
hanya dengan CSS3 dapat membuat gambar object penuh seperti layaknya gambar grafik sepeti jpg,bmp,eps dll.
seiring dengan perkembangannya CSS3 pun bisa memmbuat animasi agar website lebih hidup.walaupun sekarang sudah ada HTML5,CSS tetap ikut berperan di dalamnya.
di bawah ini  adalah contoh menggambar menggunakan CSS yang hanya di edit dari notepad,wordpad atau text editor sejenis tanpa adanya gambar jpeg,bmp ataupn sejenisnya.

16TB

Gambar flash disk ini adalah murni hanya menggunakan notepad untuk mengeditnya,bukan dari corelDraw,illustrator,photoshop atau grafik editor lain yang biasa di gunakan untuk menggambar.
memang masih dasar karena sayapun masih belajar untuk membuat gambar dari CSS ini.
kelebihan mengunakan css ini adalah filenya yang sangat minim per kilobytenya,
gambar yang saya buat ini hanya 1kb,jadi hampir sama dengan satu titik kecil dalam jpeg,gif,bmp dan lainya,jadi sangat cepat loading dalam sebuah website.
Jika anda tidak bisa melihat gambarnya berarti browser anda belum mendukung segera update browser anda baik mozilla,chrome,opera dll yang terbaru untuk melihat keajaiban css ini

download source codenya disini